| 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
1001
1002
1003
1004
1005
1006
1007
1008
1009
1010
1011
1012
1013
1014
1015
1016
1017
1018
1019
1020
1021
1022
1023
1024
1025
1026
1027
1028
1029
1030
1031
1032
1033
1034
1035
1036
1037
1038
1039
1040
1041
1042
1043
1044
1045
1046
1047
1048
1049
1050
1051
1052
1053
1054
1055
1056
1057
1058
1059
1060
1061
1062
1063
1064
1065
1066
1067
1068
1069
1070
1071
1072
1073
1074
1075
1076
1077
1078
1079
1080
1081
1082
1083
1084
1085
1086
1087
1088
1089
1090
1091
1092
1093
1094
1095
1096
1097
1098
1099
1100
1101
1102
1103
1104
1105
1106
1107
1108
1109
1110
1111
1112
1113
1114
1115
1116
1117
1118
1119
1120
1121
1122
1123
1124
1125
1126
1127
1128
1129
1130
1131
1132
1133
1134
1135
1136
1137
1138
1139
1140
1141
1142
1143
1144
1145
1146
1147
1148
1149
1150
1151
1152
1153
1154
1155
1156
1157
1158
1159
1160
1161
1162
1163
1164
1165
1166
1167
1168
1169
1170
1171
1172
1173
1174
1175
1176
1177
1178
1179
1180
1181
1182
1183
1184
1185
1186
1187
1188
1189
1190
1191
1192
1193
1194
1195
1196
1197
1198
1199
1200
1201
1202
1203
1204
1205
1206
1207
1208
1209
1210
1211
1212
1213
1214
1215
1216
1217
1218
1219
1220
1221
1222
1223
1224
1225
1226
1227
1228
1229
1230
1231
1232
1233
1234
1235
1236
1237
1238
1239
1240
1241
1242
1243
1244
1245
1246
1247
1248
1249
1250
1251
1252
1253
1254
1255
1256
1257
1258
1259
1260
1261
1262
1263
1264
1265
1266
1267
1268
1269
1270
1271
1272
1273
1274
1275
1276
1277
1278
1279
1280
1281
1282
1283
1284
1285
1286
1287
1288
1289
1290
1291
1292
1293
1294
1295
1296
1297
1298
1299
1300
1301
1302
1303
1304
1305
1306
1307
1308
1309
1310
1311
1312
1313
1314
1315
1316
1317
1318
1319
1320
1321
1322
1323
1324
1325
1326
1327
1328
1329
1330
1331
1332
1333
1334
1335
1336
1337
1338
1339
1340
1341
1342
1343
1344
1345
1346
1347
1348
1349
1350
1351
1352
1353
1354
1355
1356
1357
1358
1359
1360
1361
1362
1363
1364
1365
1366
1367
1368
1369
1370
1371
1372
1373
1374
1375
1376
1377
1378
1379
1380
1381
1382
1383
1384
1385
1386
1387
1388
1389
1390
1391
1392
1393
1394
1395
1396
1397
1398
1399
1400
1401
1402
1403
1404
1405
1406
1407
1408
1409
1410
1411
1412
1413
1414
1415
1416
1417
1418
1419
1420
1421
1422
1423
1424
1425
1426
1427
1428
1429
1430
1431
1432
1433
1434
1435
1436
1437
1438
1439
1440
1441
1442
1443
1444
1445
1446
1447
1448
1449
1450
1451
1452
1453
1454
1455
1456
1457
1458
1459
1460
1461
1462
1463
1464
1465
1466
1467
1468
1469
1470
1471
1472
1473
1474
1475
1476
1477
1478
1479
1480
1481
1482
1483
1484
1485
1486
1487
1488
1489
1490
1491
1492
1493
1494
1495
1496
1497
1498
1499
1500
1501
1502
1503
1504
1505
1506
1507
1508
1509
1510
1511
1512
1513
1514
1515
1516
1517
1518
1519
1520
1521
1522
1523
1524
1525
1526
1527
1528
1529
1530
1531
1532
1533
1534
1535
1536
1537
1538
1539
1540
1541
1542
1543
1544
1545
1546
1547
1548
1549
1550
1551
1552
1553
1554
1555
1556
1557
1558
1559
1560
1561
1562
1563
1564
1565
1566
1567
1568
1569
1570
1571
1572
1573
1574
1575
1576
1577
1578
1579
1580
1581
1582
1583
1584
1585
1586
1587
1588
1589
1590
1591
1592
1593
1594
1595
1596
1597
1598
1599
1600
1601
1602
1603
1604
1605
1606
1607
1608
1609
1610
1611
1612
1613
1614
1615
1616
1617
1618
1619
1620
1621
1622
1623
1624
1625
1626
1627
1628
1629
1630
1631
1632
1633
1634
1635
1636
1637
1638
1639
1640
1641
1642
1643
1644
1645
1646
1647
1648
1649
1650
1651
1652
1653
1654
1655
1656
1657
1658
1659
1660
1661
1662
1663
1664
1665
1666
1667
1668
1669
1670
1671
1672
1673
1674
1675
1676
1677
1678
1679
1680
1681
1682
1683
1684
1685
1686
1687
1688
1689
1690
1691
1692
1693
1694
1695
1696
1697
1698
1699
1700
1701
1702
1703
1704
1705
1706
1707
1708
1709
1710
1711
1712
1713
1714
1715
1716
1717
1718
1719
1720
1721
1722
1723
1724
1725
1726
1727
1728
1729
1730
1731
1732
1733
1734
1735
1736
1737
1738
1739
1740
1741
1742
1743
1744
1745
1746
1747
1748
1749
1750
1751
1752
1753
1754
1755
1756
1757
1758
1759
1760
1761
1762
1763
1764
1765
1766
1767
1768
1769
1770
1771
1772
1773
1774
1775
1776
1777
1778
1779
1780
1781
1782
1783
1784
1785
1786
1787
1788
1789
1790
1791
1792
1793
1794
1795
1796
1797
1798
1799
1800
1801
1802
1803
1804
1805
1806
1807
1808
1809
1810
1811
1812
1813
1814
1815
1816
1817
1818
1819
1820
1821
1822
1823
1824
1825
1826
1827
1828
1829
1830
1831
1832
1833
1834
1835
1836
1837
1838
1839
1840
1841
1842
1843
1844
1845
1846
1847
1848
1849
1850
1851
1852
1853
1854
1855
1856
1857
1858
1859
1860
1861
1862
1863
1864
1865
1866
1867
1868
1869
1870
1871
1872
1873
1874
1875
1876
1877
1878
1879
1880
1881
1882
1883
1884
1885
1886
1887
1888
1889
1890
1891
1892
1893
1894
1895
1896
1897
1898
1899
1900
1901
1902
1903
1904
1905
1906
1907
1908
1909
1910
1911
1912
1913
1914
1915
1916
1917
1918
1919
1920
1921
1922
1923
1924
1925
1926
1927
1928
1929
1930
1931
1932
1933
1934
1935
1936
1937
1938
1939
1940
1941
1942
1943
1944
1945
1946
1947
1948
1949
1950
1951
1952
1953
1954
1955
1956
1957
1958
1959
1960
1961
1962
1963
1964
1965
1966
1967
1968
1969
1970
1971
1972
1973
1974
1975
1976
1977
1978
1979
1980
1981
1982
1983
1984
1985
1986
1987
1988
1989
1990
1991
1992
1993
1994
1995
1996
1997
1998
1999
2000
2001
2002
2003
2004
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
2029
2030
2031
2032
2033
2034
2035
2036
2037
2038
2039
2040
2041
2042
2043
2044
2045
2046
2047
2048
2049
2050
2051
2052
2053
2054
2055
2056
2057
2058
2059
2060
2061
2062
2063
2064
2065
2066
2067
2068
2069
2070
2071
2072
2073
2074
2075
2076
2077
2078
2079
2080
2081
2082
2083
2084
2085
2086
2087
2088
2089
2090
2091
2092
2093
2094
2095
2096
2097
2098
2099
2100
2101
2102
2103
2104
2105
2106
2107
2108
2109
2110
2111
2112
2113
2114
2115
2116
2117
2118
2119
2120
2121
2122
2123
2124
2125
2126
2127
2128
2129
2130
2131
2132
2133
2134
2135
2136
2137
2138
2139
2140
2141
2142
2143
2144
2145
2146
2147
2148
2149
2150
2151
2152
2153
2154
2155
2156
2157
2158
2159
2160
2161
2162
2163
2164
2165
2166
2167
2168
2169
2170
2171
2172
2173
2174
2175
2176
2177
2178
2179
2180
2181
2182
2183
2184
2185
2186
2187
2188
2189
2190
2191
2192
2193
2194
2195
2196
2197
2198
2199
2200
2201
2202
2203
2204
2205
2206
2207
2208
2209
2210
2211
2212
2213
2214
2215
2216
2217
2218
2219
2220
2221
2222
2223
2224
2225
2226
2227
2228
2229
2230
2231
2232
2233
2234
2235
2236
2237
2238
2239
2240
2241
2242
2243
2244
2245
2246
2247
2248
2249
2250
2251
2252
2253
2254
2255
2256
2257
2258
2259
2260
2261
2262
2263
2264
2265
2266
2267
2268
2269
2270
2271
2272
2273
2274
2275
2276
2277
2278
2279
2280
2281
2282
2283
2284
2285
2286
2287
2288
2289
2290
2291
2292
2293
2294
2295
2296
2297
2298
2299
2300
2301
2302
2303
2304
2305
2306
2307
2308
2309
2310
2311
2312
2313
2314
2315
2316
2317
2318
2319
2320
2321
2322
2323
2324
2325
2326
2327
2328
2329
2330
2331
2332
2333
2334
2335
2336
2337
2338
2339
2340
2341
2342
2343
2344
2345
2346
2347
2348
2349
2350
2351
2352
2353
2354
2355
2356
2357
2358
2359
2360
2361
2362
2363
2364
2365
2366
2367
2368
2369
2370
2371
2372
2373
2374
2375
2376
2377
2378
2379
2380
2381
2382
2383
2384
2385
2386
2387
2388
2389
2390
2391
2392
2393
2394
2395
2396
2397
2398
2399
2400
2401
2402
2403
2404
2405
2406
2407
2408
2409
2410
2411
2412
2413
2414
2415
2416
2417
2418
2419
2420
2421
2422
2423
2424
2425
2426
2427
2428
2429
2430
2431
2432
2433
2434
2435
2436
2437
2438
2439
2440
2441
2442
2443
2444
2445
2446
2447
2448
2449
2450
2451
2452
2453
2454
2455
2456
2457
2458
2459
2460
2461
2462
2463
2464
2465
2466
2467
2468
2469
2470
2471
2472
2473
2474
2475
2476
2477
2478
2479
2480
2481
2482
2483
2484
2485
2486
2487
2488
2489
2490
2491
2492
2493
2494
2495
2496
2497
2498
2499
2500
2501
2502
2503
2504
2505
2506
2507
2508
2509
2510
2511
2512
2513
2514
2515
2516
2517
2518
2519
2520
2521
2522
2523
2524
2525
2526
2527
2528
2529
2530
2531
2532
2533
2534
2535
2536
2537
2538
2539
2540
2541
2542
2543
2544
2545
2546
2547
2548
2549
2550
2551
2552
2553
2554
2555
2556
2557
2558
2559
2560
2561
2562
2563
2564
2565
2566
2567
2568
2569
2570
2571
2572
2573
2574
2575
2576
2577
2578
2579
2580
2581
2582
2583
2584
2585
2586
2587
2588
2589
2590
2591
2592
2593
2594
2595
2596
2597
2598
2599
2600
2601
2602
2603
2604
2605
2606
2607
2608
2609
2610
2611
2612
2613
2614
2615
2616
2617
2618
2619
2620
2621
2622
2623
2624
2625
2626
2627
2628
2629
2630
2631
2632
2633
2634
2635
2636
2637
2638
2639
2640
2641
2642
2643
2644
2645
2646
2647
2648
2649
2650
2651
2652
2653
2654
2655
2656
2657
2658
2659
2660
2661
2662
2663
2664
2665
2666
2667
2668
2669
2670
2671
2672
2673
2674
2675
2676
2677
2678
2679
2680
2681
2682
2683
2684
2685
2686
2687
2688
2689
2690
2691
2692
2693
2694
2695
2696
2697
2698
2699
2700
2701
2702
2703
2704
2705
2706
2707
2708
2709
2710
2711
2712
2713
2714
2715
2716
2717
2718
2719
2720
2721
2722
2723
2724
2725
2726
2727
2728
2729
2730
2731
2732
2733
2734
2735
2736
2737
2738
2739
2740
2741
2742
2743
2744
2745
2746
2747
2748
2749
2750
2751
2752
2753
2754
2755
2756
2757
2758
2759
2760
2761
2762
2763
2764
2765
2766
2767
2768
2769
2770
2771
2772
2773
2774
2775
2776
2777
2778
2779
2780
2781
2782
2783
2784
2785
2786
2787
2788
2789
2790
2791
2792
2793
2794
2795
2796
2797
2798
2799
2800
2801
2802
2803
2804
2805
2806
2807
2808
2809
2810
2811
2812
2813
2814
2815
2816
2817
2818
2819
2820
2821
2822
2823
2824
2825
2826
2827
2828
2829
2830
2831
2832
2833
2834
2835
2836
2837
2838
2839
2840
2841
2842
2843
2844
2845
2846
2847
2848
2849
2850
2851
2852
2853
2854
2855
2856
2857
2858
2859
2860
2861
2862
2863
2864
2865
2866
2867
2868
2869
2870
2871
2872
2873
2874
2875
2876
2877
2878
2879
2880
2881
2882
2883
2884
2885
2886
2887
2888
2889
2890
2891
2892
2893
2894
2895
2896
2897
2898
2899
2900
2901
2902
2903
2904
2905
2906
2907
2908
2909
2910
2911
2912
2913
2914
2915
2916
2917
2918
2919
2920
2921
2922
2923
2924
2925
2926
2927
2928
2929
2930
2931
2932
2933
2934
2935
2936
2937
2938
2939
2940
2941
2942
2943
2944
2945
2946
2947
2948
2949
2950
2951
2952
2953
2954
2955
2956
2957
2958
2959
2960
2961
2962
2963
2964
2965
2966
2967
2968
2969
2970
2971
2972
2973
2974
2975
2976
2977
2978
2979
2980
2981
2982
2983
2984
2985
2986
2987
2988
2989
2990
2991
2992
2993
2994
2995
2996
2997
2998
2999
3000
3001
3002
3003
3004
3005
3006
3007
3008
3009
3010
3011
3012
3013
3014
3015
3016
3017
3018
3019
3020
3021
3022
3023
3024
3025
3026
3027
3028
3029
3030
3031
3032
3033
3034
3035
3036
3037
3038
3039
3040
3041
3042
3043
3044
3045
3046
3047
3048
3049
3050
3051
3052
3053
3054
3055
3056
3057
3058
3059
3060
3061
3062
3063
3064
3065
3066
3067
3068
3069
3070
3071
3072
3073
3074
3075
3076
3077
3078
3079
3080
3081
3082
3083
3084
3085
3086
3087
3088
3089
3090
3091
3092
3093
3094
3095
3096
3097
3098
3099
3100
3101
3102
3103
3104
3105
3106
3107
3108
3109
3110
3111
3112
3113
3114
3115
3116
3117
3118
3119
3120
3121
3122
3123
3124
3125
3126
3127
3128
3129
3130
3131
3132
3133
3134
3135
3136
3137
3138
3139
3140
3141
3142
3143
3144
3145
3146
3147
3148
3149
3150
3151
3152
3153
3154
3155
3156
3157
3158
3159
3160
3161
3162
3163
3164
3165
3166
3167
3168
3169
3170
3171
3172
3173
3174
3175
3176
3177
3178
3179
3180
3181
3182
3183
3184
3185
3186
3187
3188
3189
3190
3191
3192
3193
3194
3195
3196
3197
3198
3199
3200
3201
3202
3203
3204
3205
3206
3207
3208
3209
3210
3211
3212
3213
3214
3215
3216
3217
3218
3219
3220
3221
3222
3223
3224
3225
3226
3227
3228
3229
3230
3231
3232
3233
3234
3235
3236
3237
3238
3239
3240
3241
3242
3243
3244
3245
3246
3247
3248
3249
3250
3251
3252
3253
3254
3255
3256
3257
3258
3259
3260
3261
3262
3263
3264
3265
3266
3267
3268
3269
3270
3271
3272
3273
3274
3275
3276
3277
3278
3279
3280
3281
3282
3283
3284
3285
3286
3287
3288
3289
3290
3291
3292
3293
3294
3295
3296
3297
3298
3299
3300
3301
3302
3303
3304
3305
3306
3307
3308
3309
3310
3311
3312
3313
3314
3315
3316
3317
3318
3319
3320
3321
3322
3323
3324
3325
3326
3327
3328
3329
3330
3331
3332
3333
3334
3335
3336
3337
3338
3339
3340
3341
3342
3343
3344
3345
3346
3347
3348
3349
3350
3351
3352
3353
3354
3355
3356
3357
3358
3359
3360
3361
3362
3363
3364
3365
3366
3367
3368
3369
3370
3371
3372
3373
3374
3375
3376
3377
3378
3379
3380
3381
3382
3383
3384
3385
3386
3387
3388
3389
3390
3391
3392
3393
3394
3395
3396
3397
3398
3399
3400
3401
3402
3403
3404
3405
3406
3407
3408
3409
3410
3411
3412
3413
3414
3415
3416
3417
3418
3419
3420
3421
3422
3423
3424
3425
3426
3427
3428
3429
3430
3431
3432
3433
3434
3435
3436
3437
3438
3439
3440
3441
3442
3443
3444
3445
3446
3447
3448
3449
3450
3451
3452
3453
3454
3455
3456
3457
3458
3459
3460
3461
3462
3463
3464
3465
3466
3467
3468
3469
3470
3471
3472
3473
3474
3475
3476
3477
3478
3479
3480
3481
3482
3483
3484
3485
3486
3487
3488
3489
3490
3491
3492
3493
3494
3495
3496
3497
3498
3499
3500
3501
3502
3503
3504
3505
3506
3507
3508
3509
3510
3511
3512
3513
3514
3515
3516
3517
3518
3519
3520
3521
3522
3523
3524
3525
3526
3527
3528
3529
3530
3531
3532
3533
3534
3535
3536
3537
3538
3539
3540
3541
3542
3543
3544
3545
3546
3547
3548
3549
3550
3551
3552
3553
3554
3555
3556
3557
3558
3559
3560
3561
3562
3563
3564
3565
3566
3567
3568
3569
3570
3571
3572
3573
3574
3575
3576
3577
3578
3579
3580
3581
3582
3583
3584
3585
3586
3587
3588
3589
3590
3591
3592
3593
3594
3595
3596
3597
3598
3599
3600
3601
3602
3603
3604
3605
3606
3607
3608
3609
3610
3611
3612
3613
3614
3615
3616
3617
3618
3619
3620
3621
3622
3623
3624
3625
3626
3627
3628
3629
3630
3631
3632
3633
3634
3635
3636
3637
3638
3639
3640
3641
3642
3643
3644
3645
3646
3647
3648
3649
3650
3651
3652
3653
3654
3655
3656
3657
3658
3659
3660
3661
3662
3663
3664
3665
3666
3667
3668
3669
3670
3671
3672
3673
3674
3675
3676
3677
3678
3679
3680
3681
3682
3683
3684
3685
3686
3687
3688
3689
3690
3691
3692
3693
3694
3695
3696
3697
3698
3699
3700
3701
3702
3703
3704
3705
3706
3707
3708
3709
3710
3711
3712
3713
3714
3715
3716
3717
3718
3719
3720
3721
3722
3723
3724
3725
3726
3727
3728
3729
3730
3731
3732
3733
3734
3735
3736
3737
3738
3739
3740
3741
3742
3743
3744
3745
3746
3747
3748
3749
3750
3751
3752
3753
3754
3755
3756
3757
3758
3759
3760
3761
3762
3763
3764
3765
3766
3767
3768
3769
3770
3771
3772
3773
3774
3775
3776
3777
3778
3779
3780
3781
3782
3783
3784
3785
3786
3787
3788
3789
3790
3791
3792
3793
3794
3795
3796
3797
3798
3799
3800
3801
3802
3803
3804
3805
3806
3807
3808
3809
3810
3811
3812
3813
3814
3815
3816
3817
3818
3819
3820
3821
3822
3823
3824
3825
3826
3827
3828
3829
3830
3831
3832
3833
3834
3835
3836
3837
3838
3839
3840
3841
3842
3843
3844
3845
3846
3847
3848
3849
3850
3851
3852
3853
3854
3855
3856
3857
3858
3859
3860
3861
3862
3863
3864
3865
3866
3867
3868
3869
3870
3871
3872
3873
3874
3875
3876
3877
3878
3879
3880
3881
3882
3883
3884
3885
3886
3887
3888
3889
3890
3891
3892
3893
3894
3895
3896
3897
3898
3899
3900
3901
3902
3903
3904
3905
3906
3907
3908
3909
3910
3911
3912
3913
3914
3915
3916
3917
3918
3919
3920
3921
3922
3923
3924
3925
3926
3927
3928
3929
3930
3931
3932
3933
3934
3935
3936
3937
3938
3939
3940
3941
3942
3943
3944
3945
3946
3947
3948
3949
3950
3951
3952
3953
3954
3955
3956
3957
3958
3959
3960
3961
3962
3963
3964
3965
3966
3967
3968
3969
3970
3971
3972
3973
3974
3975
3976
3977
3978
3979
3980
3981
3982
3983
3984
3985
3986
3987
3988
3989
3990
3991
3992
3993
3994
3995
3996
3997
3998
3999
4000
4001
4002
4003
4004
4005
4006
4007
4008
4009
4010
4011
4012
4013
4014
4015
4016
4017
4018
4019
4020
4021
4022
4023
4024
4025
4026
4027
4028
4029
4030
4031
4032
4033
4034
4035
4036
4037
4038
4039
4040
4041
4042
4043
4044
4045
4046
4047
4048
4049
4050
4051
4052
4053
4054
4055
4056
4057
4058
4059
4060
4061
4062
4063
4064
4065
4066
4067
4068
4069
4070
4071
4072
4073
4074
4075
4076
4077
4078
4079
4080
4081
4082
4083
4084
4085
4086
4087
4088
4089
4090
4091
4092
4093
4094
4095
4096
4097
4098
4099
4100
4101
4102
4103
4104
4105
4106
4107
4108
4109
4110
4111
4112
4113
4114
4115
4116
4117
4118
4119
4120
4121
4122
4123
4124
4125
4126
4127
4128
4129
4130
4131
4132
4133
4134
4135
4136
4137
4138
4139
4140
4141
4142
4143
4144
4145
4146
4147
4148
4149
4150
4151
4152
4153
4154
4155
4156
4157
4158
4159
4160
4161
4162
4163
4164
4165
4166
4167
4168
4169
4170
4171
4172
4173
4174
4175
4176
4177
4178
4179
4180
4181
4182
4183
4184
4185
4186
4187
4188
4189
4190
4191
4192
4193
4194
4195
4196
4197
4198
4199
4200
4201
4202
4203
4204
4205
4206
4207
4208
4209
4210
4211
4212
4213
4214
4215
4216
4217
4218
4219
4220
4221
4222
4223
4224
4225
4226
4227
4228
4229
4230
4231
4232
4233
4234
4235
4236
4237
4238
4239
4240
4241
4242
4243
4244
4245
4246
4247
4248
4249
4250
4251
4252
4253
4254
4255
4256
4257
4258
4259
4260
4261
4262
4263
4264
4265
4266
4267
4268
4269
4270
4271
4272
4273
4274
4275
4276
4277
4278
4279
4280
4281
4282
4283
4284
4285
4286
4287
4288
4289
4290
4291
4292
4293
4294
4295
4296
4297
4298
4299
4300
4301
4302
4303
4304
4305
4306
4307
4308
4309
4310
4311
4312
4313
4314
4315
4316
4317
4318
4319
4320
4321
4322
4323
4324
4325
4326
4327
4328
4329
4330
4331
4332
4333
4334
4335
4336
4337
4338
4339
4340
4341
4342
4343
4344
4345
4346
4347
4348
4349
4350
4351
4352
4353
4354
4355
4356
4357
4358
4359
4360
4361
4362
4363
4364
4365
4366
4367
4368
4369
4370
4371
4372
4373
4374
4375
4376
4377
4378
4379
4380
4381
4382
4383
4384
4385
4386
4387
4388
4389
4390
4391
4392
4393
4394
4395
4396
4397
4398
4399
4400
4401
4402
4403
4404
4405
4406
4407
4408
4409
4410
4411
4412
4413
4414
4415
4416
4417
4418
4419
4420
4421
4422
4423
4424
4425
4426
4427
4428
4429
4430
4431
4432
4433
4434
4435
4436
4437
4438
4439
4440
4441
4442
4443
4444
4445
4446
4447
4448
4449
4450
4451
4452
4453
4454
4455
4456
4457
4458
4459
4460
4461
4462
4463
4464
4465
4466
4467
4468
4469
4470
4471
4472
4473
4474
4475
4476
4477
4478
4479
4480
4481
4482
4483
4484
4485
4486
4487
4488
4489
4490
4491
4492
4493
4494
4495
4496
4497
4498
4499
4500
4501
4502
4503
4504
4505
4506
4507
4508
4509
4510
4511
4512
4513
4514
4515
4516
4517
4518
4519
4520
4521
4522
4523
4524
4525
4526
4527
4528
4529
4530
4531
4532
4533
4534
4535
4536
4537
4538
4539
4540
4541
4542
4543
4544
4545
4546
4547
4548
4549
4550
4551
4552
4553
4554
4555
4556
4557
4558
4559
4560
4561
4562
4563
4564
4565
4566
4567
4568
4569
4570
4571
4572
4573
4574
4575
4576
4577
4578
4579
4580
4581
4582
4583
4584
4585
4586
4587
4588
4589
4590
4591
4592
4593
4594
4595
4596
4597
4598
4599
4600
4601
4602
4603
4604
4605
4606
4607
4608
4609
4610
4611
4612
4613
4614
4615
4616
4617
4618
4619
4620
4621
4622
4623
4624
4625
4626
4627
4628
4629
4630
4631
4632
4633
4634
4635
4636
4637
4638
4639
4640
4641
4642
4643
4644
4645
4646
4647
4648
4649
4650
4651
4652
4653
4654
4655
4656
4657
4658
4659
4660
4661
4662
4663
4664
4665
4666
4667
4668
4669
4670
4671
4672
4673
4674
4675
4676
4677
4678
4679
4680
4681
4682
4683
4684
4685
4686
4687
4688
4689
4690
4691
4692
4693
4694
4695
4696
4697
4698
4699
4700
4701
4702
4703
4704
4705
4706
4707
4708
4709
4710
4711
4712
4713
4714
4715
4716
4717
4718
4719
4720
4721
4722
4723
4724
4725
4726
4727
4728
4729
4730
4731
4732
4733
4734
4735
4736
4737
4738
4739
4740
4741
4742
4743
4744
4745
4746
4747
4748
4749
4750
4751
4752
4753
4754
4755
4756
4757
4758
4759
4760
4761
4762
4763
4764
4765
4766
4767
4768
4769
4770
4771
4772
4773
4774
4775
4776
4777
4778
4779
4780
4781
4782
4783
4784
4785
4786
4787
4788
4789
4790
4791
4792
4793
4794
4795
4796
4797
4798
4799
4800
4801
4802
4803
4804
4805
4806
4807
4808
4809
4810
4811
4812
4813
4814
4815
4816
4817
4818
4819
4820
4821
4822
4823
4824
4825
4826
4827
4828
4829
4830
4831
4832
4833
4834
4835
4836
4837
4838
4839
4840
4841
4842
4843
4844
4845
4846
4847
4848
4849
4850
4851
4852
4853
4854
4855
4856
4857
4858
4859
4860
4861
4862
4863
4864
4865
4866
4867
4868
4869
4870
4871
4872
4873
4874
4875
4876
4877
4878
4879
4880
4881
4882
4883
4884
4885
4886
4887
4888
4889
4890
4891
4892
4893
4894
4895
4896
4897
4898
4899
4900
4901
4902
4903
4904
4905
4906
4907
4908
4909
4910
4911
4912
4913
4914
4915
4916
4917
4918
4919
4920
4921
4922
4923
4924
4925
4926
4927
4928
4929
4930
4931
4932
4933
4934
4935
4936
4937
4938
4939
4940
4941
4942
4943
4944
4945
4946
4947
4948
4949
4950
4951
4952
4953
4954
4955
4956
4957
4958
4959
4960
4961
4962
4963
4964
4965
4966
4967
4968
4969
4970
4971
4972
4973
4974
4975
4976
4977
4978
4979
4980
4981
4982
4983
4984
4985
4986
4987
4988
4989
4990
4991
4992
4993
4994
4995
4996
4997
4998
4999
5000
5001
5002
5003
5004
5005
5006
5007
5008
5009
5010
5011
5012
5013
5014
5015
5016
5017
5018
5019
5020
5021
5022
5023
5024
5025
5026
5027
5028
5029
5030
5031
5032
5033
5034
5035
5036
5037
5038
5039
5040
5041
5042
5043
5044
5045
5046
5047
5048
5049
5050
5051
5052
5053
5054
5055
5056
5057
5058
5059
5060
5061
5062
5063
5064
5065
5066
5067
5068
5069
5070
5071
5072
5073
5074
5075
5076
5077
5078
5079
5080
5081
5082
5083
5084
5085
5086
5087
5088
5089
5090
5091
5092
5093
5094
5095
5096
5097
5098
5099
5100
5101
5102
5103
5104
5105
5106
5107
5108
5109
5110
5111
5112
5113
5114
5115
5116
5117
5118
5119
5120
5121
5122
5123
5124
5125
5126
5127
5128
5129
5130
5131
5132
5133
5134
5135
5136
5137
5138
5139
5140
5141
5142
5143
5144
5145
5146
5147
5148
5149
5150
5151
5152
5153
5154
5155
5156
5157
5158
5159
5160
5161
5162
5163
5164
5165
5166
5167
5168
5169
5170
5171
5172
5173
5174
5175
5176
5177
5178
5179
5180
5181
5182
5183
5184
5185
5186
5187
5188
5189
5190
5191
5192
5193
5194
5195
5196
5197
5198
5199
5200
5201
5202
5203
5204
5205
5206
5207
5208
5209
5210
5211
5212
5213
5214
5215
5216
5217
5218
5219
5220
5221
5222
5223
5224
5225
5226
5227
5228
5229
5230
5231
5232
5233
5234
5235
5236
5237
5238
5239
5240
5241
5242
5243
5244
5245
5246
5247
5248
5249
5250
5251
5252
5253
5254
5255
5256
5257
5258
5259
5260
5261
5262
5263
5264
5265
5266
5267
5268
5269
5270
5271
5272
5273
5274
5275
5276
5277
5278
5279
5280
5281
5282
5283
5284
5285
5286
5287
5288
5289
5290
5291
5292
5293
5294
5295
5296
5297
5298
5299
5300
5301
5302
5303
5304
5305
5306
5307
5308
5309
5310
5311
5312
5313
5314
5315
5316
5317
5318
5319
5320
5321
5322
5323
5324
5325
5326
5327
5328
5329
5330
5331
5332
5333
5334
5335
5336
5337
5338
5339
5340
5341
5342
5343
5344
5345
5346
5347
5348
5349
5350
5351
5352
5353
5354
5355
5356
5357
5358
5359
5360
5361
5362
5363
5364
5365
5366
5367
5368
5369
5370
5371
5372
5373
5374
5375
5376
5377
5378
5379
5380
5381
5382
5383
5384
5385
5386
5387
5388
5389
5390
5391
5392
5393
5394
5395
5396
5397
5398
5399
5400
5401
5402
5403
5404
5405
5406
5407
5408
5409
5410
5411
5412
5413
5414
5415
5416
5417
5418
5419
5420
5421
5422
5423
5424
5425
5426
5427
5428
5429
5430
5431
5432
5433
5434
5435
5436
5437
5438
5439
5440
5441
5442
5443
5444
5445
5446
5447
5448
5449
5450
5451
5452
5453
5454
5455
5456
5457
5458
5459
5460
5461
5462
5463
5464
5465
5466
5467
5468
5469
5470
5471
5472
5473
5474
5475
5476
5477
5478
5479
5480
5481
5482
5483
5484
5485
5486
5487
5488
5489
5490
5491
5492
5493
5494
5495
5496
5497
5498
5499
5500
5501
5502
5503
5504
5505
5506
5507
5508
5509
5510
5511
5512
5513
5514
5515
5516
5517
5518
5519
5520
5521
5522
5523
5524
5525
5526
5527
5528
5529
5530
5531
5532
5533
5534
5535
5536
5537
5538
5539
5540
5541
5542
5543
5544
5545
5546
5547
5548
5549
5550
5551
5552
5553
5554
5555
5556
5557
5558
5559
5560
5561
5562
5563
5564
5565
5566
5567
5568
5569
5570
5571
5572
5573
5574
5575
5576
5577
5578
5579
5580
5581
5582
5583
5584
5585
5586
5587
5588
5589
5590
5591
5592
5593
5594
5595
5596
5597
5598
5599
5600
5601
5602
5603
5604
5605
5606
5607
5608
5609
5610
5611
5612
5613
5614
5615
5616
5617
5618
5619
5620
5621
5622
5623
5624
5625
5626
5627
5628
5629
5630
5631
5632
5633
5634
5635
5636
5637
5638
5639
5640
5641
5642
5643
5644
5645
5646
5647
5648
5649
5650
5651
5652
5653
5654
5655
5656
5657
5658
5659
5660
5661
5662
5663
5664
5665
5666
5667
5668
5669
5670
5671
5672
5673
5674
5675
5676
5677
5678
5679
5680
5681
5682
5683
5684
5685
5686
5687
5688
5689
5690
5691
5692
5693
5694
5695
5696
5697
5698
5699
5700
5701
5702
5703
5704
5705
5706
5707
5708
5709
5710
5711
5712
5713
5714
5715
5716
5717
5718
5719
5720
5721
5722
5723
5724
5725
5726
5727
5728
5729
5730
5731
5732
5733
5734
5735
5736
5737
5738
5739
5740
5741
5742
5743
5744
5745
5746
5747
5748
5749
5750
5751
5752
5753
5754
5755
5756
5757
5758
5759
5760
5761
5762
5763
5764
5765
5766
5767
5768
5769
5770
5771
5772
5773
5774
5775
5776
5777
5778
5779
5780
5781
5782
5783
5784
5785
5786
5787
5788
5789
5790
5791
5792
5793
5794
5795
5796
5797
5798
5799
5800
5801
5802
5803
5804
5805
5806
5807
5808
5809
5810
5811
5812
5813
5814
5815
5816
5817
5818
5819
5820
5821
5822
5823
5824
5825
5826
5827
5828
5829
5830
5831
5832
5833
5834
5835
5836
5837
5838
5839
5840
5841
5842
5843
5844
5845
5846
5847
5848
5849
5850
5851
5852
5853
5854
5855
5856
5857
5858
5859
5860
5861
5862
5863
5864
5865
5866
5867
5868
5869
5870
5871
5872
5873
5874
5875
5876
5877
5878
5879
5880
5881
5882
5883
5884
5885
5886
5887
5888
5889
5890
5891
5892
5893
5894
5895
5896
5897
5898
5899
5900
5901
5902
5903
5904
5905
5906
5907
5908
5909
5910
5911
5912
5913
5914
5915
5916
5917
5918
5919
5920
5921
5922
5923
5924
5925
5926
5927
5928
5929
5930
5931
5932
5933
5934
5935
5936
5937
5938
5939
5940
5941
5942
5943
5944
5945
5946
5947
5948
5949
5950
5951
5952
5953
5954
5955
5956
5957
5958
5959
5960
5961
5962
5963
5964
5965
5966
5967
5968
5969
5970
5971
5972
5973
5974
5975
5976
5977
5978
5979
5980
5981
5982
5983
5984
5985
5986
5987
5988
5989
5990
5991
5992
5993
5994
5995
5996
5997
5998
5999
6000
6001
6002
6003
6004
6005
6006
6007
6008
6009
6010
6011
6012
6013
6014
6015
6016
6017
6018
6019
6020
6021
6022
6023
6024
6025
6026
6027
6028
6029
6030
6031
6032
6033
6034
6035
6036
6037
6038
6039
6040
6041
6042
6043
6044
6045
6046
6047
6048
6049
6050
6051
6052
6053
6054
6055
6056
6057
6058
6059
6060
6061
6062
6063
6064
6065
6066
6067
6068
6069
6070
6071
6072
6073
6074
6075
6076
6077
6078
6079
6080
6081
6082
6083
6084
6085
6086
6087
6088
6089
6090
6091
6092
6093
6094
6095
6096
6097
6098
6099
6100
6101
6102
6103
6104
6105
6106
6107
6108
6109
6110
6111
6112
6113
6114
6115
6116
6117
6118
6119
6120
6121
6122
6123
6124
6125
6126
6127
6128
6129
6130
6131
6132
6133
6134
6135
6136
6137
6138
6139
6140
6141
6142
6143
6144
6145
6146
6147
6148
6149
6150
6151
6152
6153
6154
6155
6156
6157
6158
6159
6160
6161
6162
6163
6164
6165
6166
6167
6168
6169
6170
6171
6172
6173
6174
6175
6176
6177
6178
6179
6180
6181
6182
6183
6184
6185
6186
6187
6188
6189
6190
6191
6192
6193
6194
6195
6196
6197
6198
6199
6200
6201
6202
6203
6204
6205
6206
6207
6208
6209
6210
6211
6212
6213
6214
6215
6216
6217
6218
6219
6220
6221
6222
6223
6224
6225
6226
6227
6228
6229
6230
6231
6232
6233
6234
6235
6236
6237
6238
6239
6240
6241
6242
6243
6244
6245
6246
6247
6248
6249
6250
6251
6252
6253
6254
6255
6256
6257
6258
6259
6260
6261
6262
6263
6264
6265
6266
6267
6268
6269
6270
6271
6272
6273
6274
6275
6276
6277
6278
6279
6280
6281
6282
6283
6284
6285
6286
6287
6288
6289
6290
6291
6292
6293
6294
6295
6296
6297
6298
6299
6300
6301
6302
6303
6304
6305
6306
6307
6308
6309
6310
6311
6312
6313
6314
6315
6316
6317
6318
6319
6320
6321
6322
6323
6324
6325
6326
6327
6328
6329
6330
6331
6332
6333
6334
6335
6336
6337
6338
6339
6340
6341
6342
6343
6344
6345
6346
6347
6348
6349
6350
6351
6352
6353
6354
6355
6356
6357
6358
6359
6360
6361
6362
6363
6364
6365
6366
6367
6368
6369
6370
6371
6372
6373
6374
6375
6376
6377
6378
6379
6380
6381
6382
6383
6384
6385
6386
6387
6388
6389
6390
6391
6392
6393
6394
6395
6396
6397
6398
6399
6400
6401
6402
6403
6404
6405
6406
6407
6408
6409
6410
6411
6412
6413
6414
6415
6416
6417
6418
6419
6420
6421
6422
6423
6424
6425
6426
6427
6428
6429
6430
6431
6432
6433
6434
6435
6436
6437
6438
6439
6440
6441
6442
6443
6444
6445
6446
6447
6448
6449
6450
6451
6452
6453
6454
6455
6456
6457
6458
6459
6460
6461
6462
6463
6464
6465
6466
6467
6468
6469
6470
6471
6472
6473
6474
6475
6476
6477
6478
6479
6480
6481
6482
6483
6484
6485
6486
6487
6488
6489
6490
6491
6492
6493
6494
6495
6496
6497
6498
6499
6500
6501
6502
6503
6504
6505
6506
6507
6508
6509
6510
6511
6512
6513
6514
6515
6516
6517
6518
6519
6520
6521
6522
6523
6524
6525
6526
6527
6528
6529
6530
6531
6532
6533
6534
6535
6536
6537
6538
6539
6540
6541
6542
6543
6544
6545
6546
6547
6548
6549
6550
6551
6552
6553
6554
6555
6556
6557
6558
6559
6560
6561
6562
6563
6564
6565
6566
6567
6568
6569
6570
6571
6572
6573
6574
6575
6576
6577
6578
6579
6580
6581
6582
6583
6584
6585
6586
6587
6588
6589
6590
6591
6592
6593
6594
6595
6596
6597
6598
6599
6600
6601
6602
6603
6604
6605
6606
6607
6608
6609
6610
6611
6612
6613
6614
6615
6616
6617
6618
6619
6620
6621
6622
6623
6624
6625
6626
6627
6628
6629
6630
6631
6632
6633
6634
6635
6636
6637
6638
6639
6640
6641
6642
6643
6644
6645
6646
6647
6648
6649
6650
6651
6652
6653
6654
6655
6656
6657
6658
6659
6660
6661
6662
6663
6664
6665
6666
6667
6668
6669
6670
6671
6672
6673
6674
6675
6676
6677
6678
6679
6680
6681
6682
6683
6684
6685
6686
6687
6688
6689
6690
6691
6692
6693
6694
6695
6696
6697
6698
6699
6700
6701
6702
6703
6704
6705
6706
6707
6708
6709
6710
6711
6712
6713
6714
6715
6716
6717
6718
6719
6720
6721
6722
6723
6724
6725
6726
6727
6728
6729
6730
6731
6732
6733
6734
6735
6736
6737
6738
6739
6740
6741
6742
6743
6744
6745
6746
6747
6748
6749
6750
6751
6752
6753
6754
6755
6756
6757
6758
6759
6760
6761
6762
6763
6764
6765
6766
6767
6768
6769
6770
6771
6772
6773
6774
6775
6776
6777
6778
6779
6780
6781
6782
6783
6784
6785
6786
6787
6788
6789
6790
6791
6792
6793
6794
6795
6796
6797
6798
6799
6800
6801
6802
6803
6804
6805
6806
6807
6808
6809
6810
6811
6812
6813
6814
6815
6816
6817
6818
6819
6820
6821
6822
6823
6824
6825
6826
6827
6828
6829
6830
6831
6832
6833
6834
6835
6836
6837
6838
6839
6840
6841
6842
6843
6844
6845
6846
6847
6848
6849
6850
6851
6852
6853
6854
6855
6856
6857
6858
6859
6860
6861
6862
6863
6864
6865
6866
6867
6868
6869
6870
6871
6872
6873
6874
6875
6876
6877
6878
6879
6880
6881
6882
6883
6884
6885
6886
6887
6888
6889
6890
6891
6892
6893
6894
6895
6896
6897
6898
6899
6900
6901
6902
6903
6904
6905
6906
6907
6908
6909
6910
6911
6912
6913
6914
6915
6916
6917
6918
6919
6920
6921
6922
6923
6924
6925
6926
6927
6928
6929
6930
6931
6932
6933
6934
6935
6936
6937
6938
6939
6940
6941
6942
6943
6944
6945
6946
6947
6948
6949
6950
6951
6952
6953
6954
6955
6956
6957
6958
6959
6960
6961
6962
6963
6964
6965
6966
6967
6968
6969
6970
6971
6972
6973
6974
6975
6976
6977
6978
6979
6980
6981
6982
6983
6984
6985
6986
6987
6988
6989
6990
6991
6992
6993
6994
6995
6996
6997
6998
6999
7000
7001
7002
7003
7004
7005
7006
7007
7008
7009
7010
7011
7012
7013
7014
7015
7016
7017
7018
7019
7020
7021
7022
7023
7024
7025
7026
7027
7028
7029
7030
7031
7032
7033
7034
7035
7036
7037
7038
7039
7040
7041
7042
7043
7044
7045
7046
7047
7048
7049
7050
7051
7052
7053
7054
7055
7056
7057
7058
7059
7060
7061
7062
7063
7064
7065
7066
7067
7068
7069
7070
7071
7072
7073
7074
7075
7076
7077
7078
7079
7080
7081
7082
7083
7084
7085
7086
7087
7088
7089
7090
7091
7092
7093
7094
7095
7096
7097
7098
7099
7100
7101
7102
7103
7104
7105
7106
7107
7108
7109
7110
7111
7112
7113
7114
7115
7116
7117
7118
7119
7120
7121
7122
7123
7124
7125
7126
7127
7128
7129
7130
7131
7132
7133
7134
7135
7136
7137
7138
7139
7140
7141
7142
7143
7144
7145
7146
7147
7148
7149
7150
7151
7152
7153
7154
7155
7156
7157
7158
7159
7160
7161
7162
7163
7164
7165
7166
7167
7168
7169
7170
7171
7172
7173
7174
7175
7176
7177
7178
7179
7180
7181
7182
7183
7184
7185
7186
7187
7188
7189
7190
7191
7192
7193
7194
7195
7196
7197
7198
7199
7200
7201
7202
7203
7204
7205
7206
7207
7208
7209
7210
7211
7212
7213
7214
7215
7216
7217
7218
7219
7220
7221
7222
7223
7224
7225
7226
7227
7228
7229
7230
7231
7232
7233
7234
7235
7236
7237
7238
7239
7240
7241
7242
7243
7244
7245
7246
7247
7248
7249
7250
7251
7252
7253
7254
7255
7256
7257
7258
7259
7260
7261
7262
7263
7264
7265
7266
7267
7268
7269
7270
7271
7272
7273
7274
7275
7276
7277
7278
7279
7280
7281
7282
7283
7284
7285
7286
7287
7288
7289
7290
7291
7292
7293
7294
7295
7296
7297
7298
7299
7300
7301
7302
7303
7304
7305
7306
7307
7308
7309
7310
7311
7312
7313
7314
7315
7316
7317
7318
7319
7320
7321
7322
7323
7324
7325
7326
7327
7328
7329
7330
7331
7332
7333
7334
7335
7336
7337
7338
7339
7340
7341
7342
7343
7344
7345
7346
7347
7348
7349
7350
7351
7352
7353
7354
7355
7356
7357
7358
7359
7360
7361
7362
7363
7364
7365
7366
7367
7368
7369
7370
7371
7372
7373
7374
7375
7376
7377
7378
7379
7380
7381
7382
7383
7384
7385
7386
7387
7388
7389
7390
7391
7392
7393
7394
7395
7396
7397
7398
7399
7400
7401
7402
7403
7404
7405
7406
7407
7408
7409
7410
7411
7412
7413
7414
7415
7416
7417
7418
7419
7420
7421
7422
7423
7424
7425
7426
7427
7428
7429
7430
7431
7432
7433
7434
7435
7436
7437
7438
7439
7440
7441
7442
7443
7444
7445
7446
7447
7448
7449
7450
7451
7452
7453
7454
7455
7456
7457
7458
7459
7460
7461
7462
7463
7464
7465
7466
7467
7468
7469
7470
7471
7472
7473
7474
7475
7476
7477
7478
7479
7480
7481
7482
7483
7484
7485
7486
7487
7488
7489
7490
7491
7492
7493
7494
7495
7496
7497
7498
7499
7500
7501
7502
7503
7504
7505
7506
7507
7508
7509
7510
7511
7512
7513
7514
7515
7516
7517
7518
7519
7520
7521
7522
7523
7524
7525
7526
7527
7528
7529
7530
7531
7532
7533
7534
7535
7536
7537
7538
7539
7540
7541
7542
7543
7544
7545
7546
7547
7548
7549
7550
7551
7552
7553
7554
7555
7556
7557
7558
7559
7560
7561
7562
7563
7564
7565
7566
7567
7568
7569
7570
7571
7572
7573
7574
7575
7576
7577
7578
7579
7580
7581
7582
7583
7584
7585
7586
7587
7588
7589
7590
7591
7592
7593
7594
7595
7596
7597
7598
7599
7600
7601
7602
7603
7604
7605
7606
7607
7608
7609
7610
7611
7612
7613
7614
7615
7616
7617
7618
7619
7620
7621
7622
7623
7624
7625
7626
7627
7628
7629
7630
7631
7632
7633
7634
7635
7636
7637
7638
7639
7640
7641
7642
7643
7644
7645
7646
7647
7648
7649
7650
7651
7652
7653
7654
7655
7656
7657
7658
7659
7660
7661
7662
7663
7664
7665
7666
7667
7668
7669
7670
7671
7672
7673
7674
7675
7676
7677
7678
7679
7680
7681
7682
7683
7684
7685
7686
7687
7688
7689
7690
7691
7692
7693
7694
7695
7696
7697
7698
7699
7700
7701
7702
7703
7704
7705
7706
7707
7708
7709
7710
7711
7712
7713
7714
7715
7716
7717
7718
7719
7720
7721
7722
7723
7724
7725
7726
7727
7728
7729
7730
7731
7732
7733
7734
7735
7736
7737
7738
7739
7740
7741
7742
7743
7744
7745
7746
7747
7748
7749
7750
7751
7752
7753
7754
7755
7756
7757
7758
7759
7760
7761
7762
7763
7764
7765
7766
7767
7768
7769
7770
7771
7772
7773
7774
7775
7776
7777
7778
7779
7780
7781
7782
7783
7784
7785
7786
7787
7788
7789
7790
7791
7792
7793
7794
7795
7796
7797
7798
7799
7800
7801
7802
7803
7804
7805
7806
7807
7808
7809
7810
7811
7812
7813
7814
7815
7816
7817
7818
7819
7820
7821
7822
7823
7824
7825
7826
7827
7828
7829
7830
7831
7832
7833
7834
7835
7836
7837
7838
7839
7840
7841
7842
7843
7844
7845
7846
7847
7848
7849
7850
7851
7852
7853
7854
7855
7856
7857
7858
7859
7860
7861
7862
7863
7864
7865
7866
7867
7868
7869
7870
7871
7872
7873
7874
7875
7876
7877
7878
7879
7880
7881
7882
7883
7884
7885
7886
7887
7888
7889
7890
7891
7892
7893
7894
7895
7896
7897
7898
7899
7900
7901
7902
7903
7904
7905
7906
7907
7908
7909
7910
7911
7912
7913
7914
7915
7916
7917
7918
7919
7920
7921
7922
7923
7924
7925
7926
7927
7928
7929
7930
7931
7932
7933
7934
7935
7936
7937
7938
7939
7940
7941
7942
7943
7944
7945
7946
7947
7948
7949
7950
7951
7952
7953
7954
7955
7956
7957
7958
7959
7960
7961
7962
7963
7964
7965
7966
7967
7968
7969
7970
7971
7972
7973
7974
7975
7976
7977
7978
7979
7980
7981
7982
7983
7984
7985
7986
7987
7988
7989
7990
7991
7992
7993
7994
7995
7996
7997
7998
7999
8000
8001
8002
8003
8004
8005
8006
8007
8008
8009
8010
8011
8012
8013
8014
8015
8016
8017
8018
8019
8020
8021
8022
8023
8024
8025
8026
8027
8028
8029
8030
8031
8032
8033
8034
8035
8036
8037
8038
8039
8040
8041
8042
8043
8044
8045
8046
8047
8048
8049
8050
8051
8052
8053
8054
8055
8056
8057
8058
8059
8060
8061
8062
8063
8064
8065
8066
8067
8068
8069
8070
8071
8072
8073
8074
8075
8076
8077
8078
8079
8080
8081
8082
8083
8084
8085
8086
8087
8088
8089
8090
8091
8092
8093
8094
8095
8096
8097
8098
8099
8100
8101
8102
8103
8104
8105
8106
8107
8108
8109
8110
8111
8112
8113
8114
8115
8116
8117
8118
8119
8120
8121
8122
8123
8124
8125
8126
8127
8128
8129
8130
8131
8132
8133
8134
8135
8136
8137
8138
8139
8140
8141
8142
8143
8144
8145
8146
8147
8148
8149
8150
8151
8152
8153
8154
8155
8156
8157
8158
8159
8160
8161
8162
8163
8164
8165
8166
8167
8168
8169
8170
8171
8172
8173
8174
8175
8176
8177
8178
8179
8180
8181
8182
8183
8184
8185
8186
8187
8188
8189
8190
8191
8192
8193
8194
8195
8196
8197
8198
8199
8200
8201
8202
8203
8204
8205
8206
8207
8208
8209
8210
8211
8212
8213
8214
8215
8216
8217
8218
8219
8220
8221
8222
8223
8224
8225
8226
8227
8228
8229
8230
8231
8232
8233
8234
8235
8236
8237
8238
8239
8240
8241
8242
8243
8244
8245
8246
8247
8248
8249
8250
8251
8252
8253
8254
8255
8256
8257
8258
8259
8260
8261
8262
8263
8264
8265
8266
8267
8268
8269
8270
8271
8272
8273
8274
8275
8276
8277
8278
8279
8280
8281
8282
8283
8284
8285
8286
8287
8288
8289
8290
8291
8292
8293
8294
8295
8296
8297
8298
8299
8300
8301
8302
8303
8304
8305
8306
8307
8308
8309
8310
8311
8312
8313
8314
8315
8316
8317
8318
8319
8320
8321
8322
8323
8324
8325
8326
8327
8328
8329
8330
8331
8332
8333
8334
8335
8336
8337
8338
8339
8340
8341
8342
8343
8344
8345
8346
8347
8348
8349
8350
8351
8352
8353
8354
8355
8356
8357
8358
8359
8360
8361
8362
8363
8364
8365
8366
8367
8368
8369
8370
8371
8372
8373
8374
8375
8376
8377
8378
8379
8380
8381
8382
8383
8384
8385
8386
8387
8388
8389
8390
8391
8392
8393
8394
8395
8396
8397
8398
8399
8400
8401
8402
8403
8404
8405
8406
8407
8408
8409
8410
8411
8412
8413
8414
8415
8416
8417
8418
8419
8420
8421
8422
8423
8424
8425
8426
8427
8428
8429
8430
8431
8432
8433
8434
8435
8436
8437
8438
8439
8440
8441
8442
8443
8444
8445
8446
8447
8448
8449
8450
8451
8452
8453
8454
8455
8456
8457
8458
8459
8460
8461
8462
8463
8464
8465
8466
8467
8468
8469
8470
8471
8472
8473
8474
8475
8476
8477
8478
8479
8480
8481
8482
8483
8484
8485
8486
8487
8488
8489
8490
8491
8492
8493
8494
8495
8496
8497
8498
8499
8500
8501
8502
8503
8504
8505
8506
8507
8508
8509
8510
8511
8512
8513
8514
8515
8516
8517
8518
8519
8520
8521
8522
8523
8524
8525
8526
8527
8528
8529
8530
8531
8532
8533
8534
8535
8536
8537
8538
8539
8540
8541
8542
8543
8544
8545
8546
8547
8548
8549
8550
8551
8552
8553
8554
8555
8556
8557
8558
8559
8560
8561
8562
8563
8564
8565
8566
8567
8568
8569
8570
8571
8572
8573
8574
8575
8576
8577
8578
8579
8580
8581
8582
8583
8584
8585
8586
8587
8588
8589
8590
8591
8592
8593
8594
8595
8596
8597
8598
8599
8600
8601
8602
8603
8604
8605
8606
8607
8608
8609
8610
8611
8612
8613
8614
8615
8616
8617
8618
8619
8620
8621
8622
8623
8624
8625
8626
8627
8628
8629
8630
8631
8632
8633
8634
8635
8636
8637
8638
8639
8640
8641
8642
8643
8644
8645
8646
8647
8648
8649
8650
8651
8652
8653
8654
8655
8656
8657
8658
8659
8660
8661
8662
8663
8664
8665
8666
8667
8668
8669
8670
8671
8672
8673
8674
8675
8676
8677
8678
8679
8680
8681
8682
8683
8684
8685
8686
8687
8688
8689
8690
8691
8692
8693
8694
8695
8696
8697
8698
8699
8700
8701
8702
8703
8704
8705
8706
8707
8708
8709
8710
8711
8712
8713
8714
8715
8716
8717
8718
8719
8720
8721
8722
8723
8724
8725
8726
8727
8728
8729
8730
8731
8732
8733
8734
8735
8736
8737
8738
8739
8740
8741
8742
8743
8744
8745
8746
8747
8748
8749
8750
8751
8752
8753
8754
8755
8756
8757
8758
8759
8760
8761
8762
8763
8764
8765
8766
8767
8768
8769
8770
8771
8772
8773
8774
8775
8776
8777
8778
8779
8780
8781
8782
8783
8784
8785
8786
8787
8788
8789
8790
8791
8792
8793
8794
8795
8796
8797
8798
8799
8800
8801
8802
8803
8804
8805
8806
8807
8808
8809
8810
8811
8812
8813
8814
8815
8816
8817
8818
8819
8820
8821
8822
8823
8824
8825
8826
8827
8828
8829
8830
8831
8832
8833
8834
8835
8836
8837
8838
8839
8840
8841
8842
8843
8844
8845
8846
8847
8848
8849
8850
8851
8852
8853
8854
8855
8856
8857
8858
8859
8860
8861
8862
8863
8864
8865
8866
8867
8868
8869
8870
8871
8872
8873
8874
8875
8876
8877
8878
8879
8880
8881
8882
8883
8884
8885
8886
8887
8888
8889
8890
8891
8892
8893
8894
8895
8896
8897
8898
8899
8900
8901
8902
8903
8904
8905
8906
8907
8908
8909
8910
8911
8912
8913
8914
8915
8916
8917
8918
8919
8920
8921
8922
8923
8924
8925
8926
8927
8928
8929
8930
8931
8932
8933
8934
8935
8936
8937
8938
8939
8940
8941
8942
8943
8944
8945
8946
8947
8948
8949
8950
8951
8952
8953
8954
8955
8956
8957
8958
8959
8960
8961
8962
8963
8964
8965
8966
8967
8968
8969
8970
8971
8972
8973
8974
8975
8976
8977
8978
8979
8980
8981
8982
8983
8984
8985
8986
8987
8988
8989
8990
8991
8992
8993
8994
8995
8996
8997
8998
8999
9000
9001
9002
9003
9004
9005
9006
9007
9008
9009
9010
9011
9012
9013
9014
9015
9016
9017
9018
9019
9020
9021
9022
9023
9024
9025
9026
9027
9028
9029
9030
9031
9032
9033
9034
9035
9036
9037
9038
9039
9040
9041
9042
9043
9044
9045
9046
9047
9048
9049
9050
9051
9052
9053
9054
9055
9056
9057
9058
9059
9060
9061
9062
9063
9064
9065
9066
9067
9068
9069
9070
9071
9072
9073
9074
9075
9076
9077
9078
9079
9080
9081
9082
9083
9084
9085
9086
9087
9088
9089
9090
9091
9092
9093
9094
9095
9096
9097
9098
9099
9100
9101
9102
9103
9104
9105
9106
9107
9108
9109
9110
9111
9112
9113
9114
9115
9116
9117
9118
9119
9120
9121
9122
9123
9124
9125
9126
9127
9128
9129
9130
9131
9132
9133
9134
9135
9136
9137
9138
9139
9140
9141
9142
9143
9144
9145
9146
9147
9148
9149
9150
9151
9152
9153
9154
9155
9156
9157
9158
9159
9160
9161
9162
9163
9164
9165
9166
9167
9168
9169
9170
9171
9172
9173
9174
9175
9176
9177
9178
9179
9180
9181
9182
9183
9184
9185
9186
9187
9188
9189
9190
9191
9192
9193
9194
9195
9196
9197
9198
9199
9200
9201
9202
9203
9204
9205
9206
9207
9208
9209
9210
9211
9212
9213
9214
9215
9216
9217
9218
9219
9220
9221
9222
9223
9224
9225
9226
9227
9228
9229
9230
9231
9232
9233
9234
9235
9236
9237
9238
9239
9240
9241
9242
9243
9244
9245
9246
9247
9248
9249
9250
9251
9252
9253
9254
9255
9256
9257
9258
9259
9260
9261
9262
9263
9264
9265
9266
9267
9268
9269
9270
9271
9272
9273
9274
9275
9276
9277
9278
9279
9280
9281
9282
9283
9284
9285
9286
9287
9288
9289
9290
9291
9292
9293
9294
9295
9296
9297
9298
9299
9300
9301
9302
9303
9304
9305
9306
9307
9308
9309
9310
9311
9312
9313
9314
9315
9316
9317
9318
9319
9320
9321
9322
9323
9324
9325
9326
9327
9328
9329
9330
9331
9332
9333
9334
9335
9336
9337
9338
9339
9340
9341
9342
9343
9344
9345
9346
9347
9348
9349
9350
9351
9352
9353
9354
9355
9356
9357
9358
9359
9360
9361
9362
9363
9364
9365
9366
9367
9368
9369
9370
9371
9372
9373
9374
9375
9376
9377
9378
9379
9380
9381
9382
9383
9384
9385
9386
9387
9388
9389
9390
9391
9392
9393
9394
9395
9396
9397
9398
9399
9400
9401
9402
9403
9404
9405
9406
9407
9408
9409
9410
9411
9412
9413
9414
9415
9416
9417
9418
9419
9420
9421
9422
9423
9424
9425
9426
9427
9428
9429
9430
9431
9432
9433
9434
9435
9436
9437
9438
9439
9440
9441
9442
9443
9444
9445
9446
9447
9448
9449
9450
9451
9452
9453
9454
9455
9456
9457
9458
9459
9460
9461
9462
9463
9464
9465
9466
9467
9468
9469
9470
9471
9472
9473
9474
9475
9476
9477
9478
9479
9480
9481
9482
9483
9484
9485
9486
9487
9488
9489
9490
9491
9492
9493
9494
9495
9496
9497
9498
9499
9500
9501
9502
9503
9504
9505
9506
9507
9508
9509
9510
9511
9512
9513
9514
9515
9516
9517
9518
9519
9520
9521
9522
9523
9524
9525
9526
9527
9528
9529
9530
9531
9532
9533
9534
9535
9536
9537
9538
9539
9540
9541
9542
9543
9544
9545
9546
9547
9548
9549
9550
9551
9552
9553
9554
9555
9556
9557
9558
9559
9560
9561
9562
9563
9564
9565
9566
9567
9568
9569
9570
9571
9572
9573
9574
9575
9576
9577
9578
9579
9580
9581
9582
9583
9584
9585
9586
9587
9588
9589
9590
9591
9592
9593
9594
9595
9596
9597
9598
9599
9600
9601
9602
9603
9604
9605
9606
9607
9608
9609
9610
9611
9612
9613
9614
9615
9616
9617
9618
9619
9620
9621
9622
9623
9624
9625
9626
9627
9628
9629
9630
9631
9632
9633
9634
9635
9636
9637
9638
9639
9640
9641
9642
9643
9644
9645
9646
9647
9648
9649
9650
9651
9652
9653
9654
9655
9656
9657
9658
9659
9660
9661
9662
9663
9664
9665
9666
9667
9668
9669
9670
9671
9672
9673
9674
9675
9676
9677
9678
9679
9680
9681
9682
9683
9684
9685
9686
9687
9688
9689
9690
9691
9692
9693
9694
9695
9696
9697
9698
9699
9700
9701
9702
9703
9704
9705
9706
9707
9708
9709
9710
9711
9712
9713
9714
9715
9716
9717
9718
9719
9720
9721
9722
9723
9724
9725
9726
9727
9728
9729
9730
9731
9732
9733
9734
9735
9736
9737
9738
9739
9740
9741
9742
9743
9744
9745
9746
9747
9748
9749
9750
9751
9752
9753
9754
9755
9756
9757
9758
9759
9760
9761
9762
9763
9764
9765
9766
9767
9768
9769
9770
9771
9772
9773
9774
9775
9776
9777
9778
9779
9780
9781
9782
9783
9784
9785
9786
9787
9788
9789
9790
9791
9792
9793
9794
9795
9796
9797
9798
9799
9800
9801
9802
9803
9804
9805
9806
9807
9808
9809
9810
9811
9812
9813
9814
9815
9816
9817
9818
9819
9820
9821
9822
9823
9824
9825
9826
9827
9828
9829
9830
9831
9832
9833
9834
9835
9836
9837
9838
9839
9840
9841
9842
9843
9844
9845
9846
9847
9848
9849
9850
9851
9852
9853
9854
9855
9856
9857
9858
9859
9860
9861
9862
9863
9864
9865
9866
9867
9868
9869
9870
9871
9872
9873
9874
9875
9876
9877
9878
9879
9880
9881
9882
9883
9884
9885
9886
9887
9888
9889
9890
9891
9892
9893
9894
9895
9896
9897
9898
9899
9900
9901
9902
9903
9904
9905
9906
9907
9908
9909
9910
9911
9912
9913
9914
9915
9916
9917
9918
9919
9920
9921
9922
9923
9924
9925
9926
9927
9928
9929
9930
9931
9932
9933
9934
9935
9936
9937
9938
9939
9940
9941
9942
9943
9944
9945
9946
9947
9948
9949
9950
9951
9952
9953
9954
9955
9956
9957
9958
9959
9960
9961
9962
9963
9964
9965
9966
9967
9968
9969
9970
9971
9972
9973
9974
9975
9976
9977
9978
9979
9980
9981
9982
9983
9984
9985
9986
9987
9988
9989
9990
9991
9992
9993
9994
9995
9996
9997
9998
9999
10000
10001
10002
10003
10004
10005
10006
10007
10008
10009
10010
10011
10012
10013
10014
10015
10016
10017
10018
10019
10020
10021
10022
10023
10024
10025
10026
10027
10028
10029
10030
10031
10032
10033
10034
10035
10036
10037
10038
10039
10040
10041
10042
10043
10044
10045
10046
10047
10048
10049
10050
10051
10052
10053
10054
10055
10056
10057
10058
10059
10060
10061
10062
10063
10064
10065
10066
10067
10068
10069
10070
10071
10072
10073
10074
10075
10076
10077
10078
10079
10080
10081
10082
10083
10084
10085
10086
10087
10088
10089
10090
10091
10092
10093
10094
10095
10096
10097
10098
10099
10100
10101
10102
10103
10104
10105
10106
10107
10108
10109
10110
10111
10112
10113
10114
10115
10116
10117
10118
10119
10120
10121
10122
10123
10124
10125
10126
10127
10128
10129
10130
10131
10132
10133
10134
10135
10136
10137
10138
10139
10140
10141
10142
10143
10144
10145
10146
10147
10148
10149
10150
10151
10152
10153
10154
10155
10156
10157
10158
10159
10160
10161
10162
10163
10164
10165
10166
10167
10168
10169
10170
10171
10172
10173
10174
10175
10176
10177
10178
10179
10180
10181
10182
10183
10184
10185
10186
10187
10188
10189
10190
10191
10192
10193
10194
10195
10196
10197
10198
10199
10200
10201
10202
10203
10204
10205
10206
10207
10208
10209
10210
10211
10212
10213
10214
10215
10216
10217
10218
10219
10220
10221
10222
10223
10224
10225
10226
10227
10228
10229
10230
10231
10232
10233
10234
10235
10236
10237
10238
10239
10240
10241
10242
10243
10244
10245
10246
10247
10248
10249
10250
10251
10252
10253
10254
10255
10256
10257
10258
10259
10260
10261
10262
10263
10264
10265
10266
10267
10268
10269
10270
10271
10272
10273
10274
10275
10276
10277
10278
10279
10280
10281
10282
10283
10284
10285
10286
10287
10288
10289
10290
10291
10292
10293
10294
10295
10296
10297
10298
10299
10300
10301
10302
10303
10304
10305
10306
10307
10308
10309
10310
10311
10312
10313
10314
10315
10316
10317
10318
10319
10320
10321
10322
10323
10324
10325
10326
10327
10328
10329
10330
10331
10332
10333
10334
10335
10336
10337
10338
10339
10340
10341
10342
10343
10344
10345
10346
10347
10348
10349
10350
10351
10352
10353
10354
10355
10356
10357
10358
10359
10360
10361
10362
10363
10364
10365
10366
10367
10368
10369
10370
10371
10372
10373
10374
10375
10376
10377
10378
10379
10380
10381
10382
10383
10384
10385
10386
10387
10388
10389
10390
10391
10392
10393
10394
10395
10396
10397
10398
10399
10400
10401
10402
10403
10404
10405
10406
10407
10408
10409
10410
10411
10412
10413
10414
10415
10416
10417
10418
10419
10420
10421
10422
10423
10424
10425
10426
10427
10428
10429
10430
10431
10432
10433
10434
10435
10436
10437
10438
10439
10440
10441
10442
10443
10444
10445
10446
10447
10448
10449
10450
10451
10452
10453
10454
10455
10456
10457
10458
10459
10460
10461
10462
10463
10464
10465
10466
10467
10468
10469
10470
10471
10472
10473
10474
10475
10476
10477
10478
10479
10480
10481
10482
10483
10484
10485
10486
10487
10488
10489
10490
10491
10492
10493
10494
10495
10496
10497
10498
10499
10500
10501
10502
10503
10504
10505
10506
10507
10508
10509
10510
10511
10512
10513
10514
10515
10516
10517
10518
10519
10520
10521
10522
10523
10524
10525
10526
10527
10528
10529
10530
10531
10532
10533
10534
10535
10536
10537
10538
10539
10540
10541
10542
10543
10544
10545
10546
10547
10548
10549
10550
10551
10552
10553
10554
10555
10556
10557
10558
10559
10560
10561
10562
10563
10564
10565
10566
10567
10568
10569
10570
10571
10572
10573
10574
10575
10576
10577
10578
10579
10580
10581
10582
10583
10584
10585
10586
10587
10588
10589
10590
10591
10592
10593
10594
10595
10596
10597
10598
10599
10600
10601
10602
10603
10604
10605
10606
10607
10608
10609
10610
10611
10612
10613
10614
10615
10616
10617
10618
10619
10620
10621
10622
10623
10624
10625
10626
10627
10628
10629
10630
10631
10632
10633
10634
10635
10636
10637
10638
10639
10640
10641
10642
10643
10644
10645
10646
10647
10648
10649
10650
10651
10652
10653
10654
10655
10656
10657
10658
10659
10660
10661
10662
10663
10664
10665
10666
10667
10668
10669
10670
10671
10672
10673
10674
10675
10676
10677
10678
10679
10680
10681
10682
10683
10684
10685
10686
10687
10688
10689
10690
10691
10692
10693
10694
10695
10696
10697
10698
10699
10700
10701
10702
10703
10704
10705
10706
10707
10708
10709
10710
10711
10712
10713
10714
10715
10716
10717
10718
10719
10720
10721
10722
10723
10724
10725
10726
10727
10728
10729
10730
10731
10732
10733
10734
10735
10736
10737
10738
10739
10740
10741
10742
10743
10744
10745
10746
10747
10748
10749
10750
10751
10752
10753
10754
10755
10756
10757
10758
10759
10760
10761
10762
10763
10764
10765
10766
10767
10768
10769
10770
10771
10772
10773
10774
10775
10776
10777
10778
10779
10780
10781
10782
10783
10784
10785
10786
10787
10788
10789
10790
10791
10792
10793
10794
10795
10796
10797
10798
10799
10800
10801
10802
10803
10804
10805
10806
10807
10808
10809
10810
10811
10812
10813
10814
10815
10816
10817
10818
10819
10820
10821
10822
10823
10824
10825
10826
10827
10828
10829
10830
10831
10832
10833
10834
10835
10836
10837
10838
10839
10840
10841
10842
10843
10844
10845
10846
10847
10848
10849
10850
10851
10852
10853
10854
10855
10856
10857
10858
10859
10860
10861
10862
10863
10864
10865
10866
10867
10868
10869
10870
10871
10872
10873
10874
10875
10876
10877
10878
10879
10880
10881
10882
10883
10884
10885
10886
10887
10888
10889
10890
10891
10892
10893
10894
10895
10896
10897
10898
10899
10900
10901
10902
10903
10904
10905
10906
10907
10908
10909
10910
10911
10912
10913
10914
10915
10916
10917
10918
10919
10920
10921
10922
10923
10924
10925
10926
10927
10928
10929
10930
10931
10932
10933
10934
10935
10936
10937
10938
10939
10940
10941
10942
10943
10944
10945
10946
10947
10948
10949
10950
10951
10952
10953
10954
10955
10956
10957
10958
10959
10960
10961
10962
10963
10964
10965
10966
10967
10968
10969
10970
10971
10972
10973
10974
10975
10976
10977
10978
10979
10980
10981
10982
10983
10984
10985
10986
10987
10988
10989
10990
10991
10992
10993
10994
10995
10996
10997
10998
10999
11000
11001
11002
11003
11004
11005
11006
11007
11008
11009
11010
11011
11012
11013
11014
11015
11016
11017
11018
11019
11020
11021
11022
11023
11024
11025
11026
11027
11028
11029
11030
11031
11032
11033
11034
11035
11036
11037
11038
11039
11040
11041
11042
11043
11044
11045
11046
11047
11048
11049
11050
11051
11052
11053
11054
11055
11056
11057
11058
11059
11060
11061
11062
11063
11064
11065
11066
11067
11068
11069
11070
11071
11072
11073
11074
11075
11076
11077
11078
11079
11080
11081
11082
11083
11084
11085
11086
11087
11088
11089
11090
11091
11092
11093
11094
11095
11096
11097
11098
11099
11100
11101
11102
11103
11104
11105
11106
11107
11108
11109
11110
11111
11112
11113
11114
11115
11116
11117
11118
11119
11120
11121
11122
11123
11124
11125
11126
11127
11128
11129
11130
11131
11132
11133
11134
11135
11136
11137
11138
11139
11140
11141
11142
11143
11144
11145
11146
11147
11148
11149
11150
11151
11152
11153
11154
11155
11156
11157
11158
11159
11160
11161
11162
11163
11164
11165
11166
11167
11168
11169
11170
11171
11172
11173
11174
11175
11176
11177
11178
11179
11180
11181
11182
11183
11184
11185
11186
11187
11188
11189
11190
11191
11192
11193
11194
11195
11196
11197
11198
11199
11200
11201
11202
11203
11204
11205
11206
11207
11208
11209
11210
11211
11212
11213
11214
11215
11216
11217
11218
11219
11220
11221
11222
11223
11224
11225
11226
11227
11228
11229
11230
11231
11232
11233
11234
11235
11236
11237
11238
11239
11240
11241
11242
11243
11244
11245
11246
11247
11248
11249
11250
11251
11252
11253
11254
11255
11256
11257
11258
11259
11260
11261
11262
11263
11264
11265
11266
11267
11268
11269
11270
11271
11272
11273
11274
11275
11276
11277
11278
11279
11280
11281
11282
11283
11284
11285
11286
11287
11288
11289
11290
11291
11292
11293
11294
11295
11296
11297
11298
11299
11300
11301
11302
11303
11304
11305
11306
11307
11308
11309
11310
11311
11312
11313
11314
11315
11316
11317
11318
11319
11320
11321
11322
11323
11324
11325
11326
11327
11328
11329
11330
11331
11332
11333
11334
11335
11336
11337
11338
11339
11340
11341
11342
11343
11344
11345
11346
11347
11348
11349
11350
11351
11352
11353
11354
11355
11356
11357
11358
11359
11360
11361
11362
11363
11364
11365
11366
11367
11368
11369
11370
11371
11372
11373
11374
11375
11376
11377
11378
11379
11380
11381
11382
11383
11384
11385
11386
11387
11388
11389
11390
11391
11392
11393
11394
11395
11396
11397
11398
11399
11400
11401
11402
11403
11404
11405
11406
11407
11408
11409
11410
11411
11412
11413
11414
11415
11416
11417
11418
11419
11420
11421
11422
11423
11424
11425
11426
11427
11428
11429
11430
11431
11432
11433
11434
11435
11436
11437
11438
11439
11440
11441
11442
11443
11444
11445
11446
11447
11448
11449
11450
11451
11452
11453
11454
11455
11456
11457
11458
11459
11460
11461
11462
11463
11464
11465
11466
11467
11468
11469
11470
11471
11472
11473
11474
11475
11476
11477
11478
11479
11480
11481
11482
11483
11484
11485
11486
11487
11488
11489
11490
11491
11492
11493
11494
11495
11496
11497
11498
11499
11500
11501
11502
11503
11504
11505
11506
11507
11508
11509
11510
11511
11512
11513
11514
11515
11516
11517
11518
11519
11520
11521
11522
11523
11524
11525
11526
11527
11528
11529
11530
11531
11532
11533
11534
11535
11536
11537
11538
11539
11540
11541
11542
11543
11544
11545
11546
11547
11548
11549
11550
11551
11552
11553
11554
11555
11556
11557
11558
11559
11560
11561
11562
11563
11564
11565
11566
11567
11568
11569
11570
11571
11572
11573
11574
11575
11576
11577
11578
11579
11580
11581
11582
11583
11584
11585
11586
11587
11588
11589
11590
11591
11592
11593
11594
11595
11596
11597
11598
11599
11600
11601
11602
11603
11604
11605
11606
11607
11608
11609
11610
11611
11612
11613
11614
11615
11616
11617
11618
11619
11620
11621
11622
11623
11624
11625
11626
11627
11628
11629
11630
11631
11632
11633
11634
11635
11636
11637
11638
11639
11640
11641
11642
11643
11644
11645
11646
11647
11648
11649
11650
11651
11652
11653
11654
11655
11656
11657
11658
11659
11660
11661
11662
11663
11664
11665
11666
11667
11668
11669
11670
11671
11672
11673
11674
11675
11676
11677
11678
11679
11680
11681
11682
11683
11684
11685
11686
11687
11688
11689
11690
11691
11692
11693
11694
11695
11696
11697
11698
11699
11700
11701
11702
11703
11704
11705
11706
11707
11708
11709
11710
11711
11712
11713
11714
11715
11716
11717
11718
11719
11720
11721
11722
11723
11724
11725
11726
11727
11728
11729
11730
11731
11732
11733
11734
11735
11736
11737
11738
11739
11740
11741
11742
11743
11744
11745
11746
11747
11748
11749
11750
11751
11752
11753
11754
11755
11756
11757
11758
11759
11760
11761
11762
11763
11764
11765
11766
11767
11768
11769
11770
11771
11772
11773
11774
11775
11776
11777
11778
11779
11780
11781
11782
11783
11784
11785
11786
11787
11788
11789
11790
11791
11792
11793
11794
11795
11796
11797
11798
11799
11800
11801
11802
11803
11804
11805
11806
11807
11808
11809
11810
11811
11812
11813
11814
11815
11816
11817
11818
11819
11820
11821
11822
11823
11824
11825
11826
11827
11828
11829
11830
11831
11832
11833
11834
11835
11836
11837
11838
11839
11840
11841
11842
11843
11844
11845
11846
11847
11848
11849
11850
11851
11852
11853
11854
11855
11856
11857
11858
11859
11860
11861
11862
11863
11864
11865
11866
11867
11868
11869
11870
11871
11872
11873
11874
11875
11876
11877
11878
11879
11880
11881
11882
11883
11884
11885
11886
11887
11888
11889
11890
11891
11892
11893
11894
11895
11896
11897
11898
11899
11900
11901
11902
11903
11904
11905
11906
11907
11908
11909
11910
11911
11912
11913
11914
11915
11916
11917
11918
11919
11920
11921
11922
11923
11924
11925
11926
11927
11928
11929
11930
11931
11932
11933
11934
11935
11936
11937
11938
11939
11940
11941
11942
11943
11944
11945
11946
11947
11948
11949
11950
11951
11952
11953
11954
11955
11956
11957
11958
11959
11960
11961
11962
11963
11964
11965
11966
11967
11968
11969
11970
11971
11972
11973
11974
11975
11976
11977
11978
11979
11980
11981
11982
11983
11984
11985
11986
11987
11988
11989
11990
11991
11992
11993
11994
11995
11996
11997
11998
11999
12000
12001
12002
12003
12004
12005
12006
12007
12008
12009
12010
12011
12012
12013
12014
12015
12016
12017
12018
12019
12020
12021
12022
12023
12024
12025
12026
12027
12028
12029
12030
12031
12032
12033
12034
12035
12036
12037
12038
12039
12040
12041
12042
12043
12044
12045
12046
12047
12048
12049
12050
12051
12052
12053
12054
12055
12056
12057
12058
12059
12060
12061
12062
12063
12064
12065
12066
12067
12068
12069
12070
12071
12072
12073
12074
12075
12076
12077
12078
12079
12080
12081
12082
12083
12084
12085
12086
12087
12088
12089
12090
12091
12092
12093
12094
12095
12096
12097
12098
12099
12100
12101
12102
12103
12104
12105
12106
12107
12108
12109
12110
12111
12112
12113
12114
12115
12116
12117
12118
12119
12120
12121
12122
12123
12124
12125
12126
12127
12128
12129
12130
12131
12132
12133
12134
12135
12136
12137
12138
12139
12140
12141
12142
12143
12144
12145
12146
12147
12148
12149
12150
12151
12152
12153
12154
12155
12156
12157
12158
12159
12160
12161
12162
12163
12164
12165
12166
12167
12168
12169
12170
12171
12172
12173
12174
12175
12176
12177
12178
12179
12180
12181
12182
12183
12184
12185
12186
12187
12188
12189
12190
12191
12192
12193
12194
12195
12196
12197
12198
12199
12200
12201
12202
12203
12204
12205
12206
12207
12208
12209
12210
12211
12212
12213
12214
12215
12216
12217
12218
12219
12220
12221
12222
12223
12224
12225
12226
12227
12228
12229
12230
12231
12232
12233
12234
12235
12236
12237
12238
12239
12240
12241
12242
12243
12244
12245
12246
12247
12248
12249
12250
12251
12252
12253
12254
12255
12256
12257
12258
12259
12260
12261
12262
12263
12264
12265
12266
12267
12268
12269
12270
12271
12272
12273
12274
12275
12276
12277
12278
12279
12280
12281
12282
12283
12284
12285
12286
12287
12288
12289
12290
12291
12292
12293
12294
12295
12296
12297
12298
12299
12300
12301
12302
12303
12304
12305
12306
12307
12308
12309
12310
12311
12312
12313
12314
12315
12316
12317
12318
12319
12320
12321
12322
12323
12324
12325
12326
12327
12328
12329
12330
12331
12332
12333
12334
12335
12336
12337
12338
12339
12340
12341
12342
12343
12344
12345
12346
12347
12348
12349
12350
12351
12352
12353
12354
12355
12356
12357
12358
12359
12360
12361
12362
12363
12364
12365
12366
12367
12368
12369
12370
12371
12372
12373
12374
12375
12376
12377
12378
12379
12380
12381
12382
12383
12384
12385
12386
12387
12388
12389
12390
12391
12392
12393
12394
12395
12396
12397
12398
12399
12400
12401
12402
12403
12404
12405
12406
12407
12408
12409
12410
12411
12412
12413
12414
12415
12416
12417
12418
12419
12420
12421
12422
12423
12424
12425
12426
12427
12428
12429
12430
12431
12432
12433
12434
12435
12436
12437
12438
12439
12440
12441
12442
12443
12444
12445
12446
12447
12448
12449
12450
12451
12452
12453
12454
12455
12456
12457
12458
12459
12460
12461
12462
12463
12464
12465
12466
12467
12468
12469
12470
12471
12472
12473
12474
12475
12476
12477
12478
12479
12480
12481
12482
12483
12484
12485
12486
12487
12488
12489
12490
12491
12492
12493
12494
12495
12496
12497
12498
12499
12500
12501
12502
12503
12504
12505
12506
12507
12508
12509
12510
12511
12512
12513
12514
12515
12516
12517
12518
12519
12520
12521
12522
12523
12524
12525
12526
12527
12528
12529
12530
12531
12532
12533
12534
12535
12536
12537
12538
12539
12540
12541
12542
12543
12544
12545
12546
12547
12548
12549
12550
12551
12552
12553
12554
12555
12556
12557
12558
12559
12560
12561
12562
12563
12564
12565
12566
12567
12568
12569
12570
12571
12572
12573
12574
12575
12576
12577
12578
12579
12580
12581
12582
12583
12584
12585
12586
12587
12588
12589
12590
12591
12592
12593
12594
12595
12596
12597
12598
12599
12600
12601
12602
12603
12604
12605
12606
12607
12608
12609
12610
12611
12612
12613
12614
12615
12616
12617
12618
12619
12620
12621
12622
12623
12624
12625
12626
12627
12628
12629
12630
12631
12632
12633
12634
12635
12636
12637
12638
12639
12640
12641
12642
12643
12644
12645
12646
12647
12648
12649
12650
12651
12652
12653
12654
12655
12656
12657
12658
12659
12660
12661
12662
12663
12664
12665
12666
12667
12668
12669
12670
12671
12672
12673
12674
12675
12676
12677
12678
12679
12680
12681
12682
12683
12684
12685
12686
12687
12688
12689
12690
12691
12692
12693
12694
12695
12696
12697
12698
12699
12700
12701
12702
12703
12704
12705
12706
12707
12708
12709
12710
12711
12712
12713
12714
12715
12716
12717
12718
12719
12720
12721
12722
12723
12724
12725
12726
12727
12728
12729
12730
12731
12732
12733
12734
12735
12736
12737
12738
12739
12740
12741
12742
12743
12744
12745
12746
12747
12748
12749
12750
12751
12752
12753
12754
12755
12756
12757
12758
12759
12760
12761
12762
12763
12764
12765
12766
12767
12768
12769
12770
12771
12772
12773
12774
12775
12776
12777
12778
12779
12780
12781
12782
12783
12784
12785
12786
12787
12788
12789
12790
12791
12792
12793
12794
12795
12796
12797
12798
12799
12800
12801
12802
12803
12804
12805
12806
12807
12808
12809
12810
12811
12812
12813
12814
12815
12816
12817
12818
12819
12820
12821
12822
12823
12824
12825
12826
12827
12828
12829
12830
12831
12832
12833
12834
12835
12836
12837
12838
12839
12840
12841
12842
12843
12844
12845
12846
12847
12848
12849
12850
12851
12852
12853
12854
12855
12856
12857
12858
12859
12860
12861
12862
12863
12864
12865
12866
12867
12868
12869
12870
12871
12872
12873
12874
12875
12876
12877
12878
12879
12880
12881
12882
12883
12884
12885
12886
12887
12888
12889
12890
12891
12892
12893
12894
12895
12896
12897
12898
12899
12900
12901
12902
12903
12904
12905
12906
12907
12908
12909
12910
12911
12912
12913
12914
12915
12916
12917
12918
12919
12920
12921
12922
12923
12924
12925
12926
12927
12928
12929
12930
12931
12932
12933
12934
12935
12936
12937
12938
12939
12940
12941
12942
12943
12944
12945
12946
12947
12948
12949
12950
12951
12952
12953
12954
12955
12956
12957
12958
12959
12960
12961
12962
12963
12964
12965
12966
12967
12968
12969
12970
12971
12972
12973
12974
12975
12976
12977
12978
12979
12980
12981
12982
12983
12984
12985
12986
12987
12988
12989
12990
12991
12992
12993
12994
12995
12996
12997
12998
12999
13000
13001
13002
13003
13004
13005
13006
13007
13008
13009
13010
13011
13012
13013
13014
13015
13016
13017
13018
13019
13020
13021
13022
13023
13024
13025
13026
13027
13028
13029
13030
13031
13032
13033
13034
13035
13036
13037
13038
13039
13040
13041
13042
13043
13044
13045
13046
13047
13048
13049
13050
13051
13052
13053
13054
13055
13056
13057
13058
13059
13060
13061
13062
13063
13064
13065
13066
13067
13068
13069
13070
13071
13072
13073
13074
13075
13076
13077
13078
13079
13080
13081
13082
13083
13084
13085
13086
13087
13088
13089
13090
13091
13092
13093
13094
13095
13096
13097
13098
13099
13100
13101
13102
13103
13104
13105
13106
13107
13108
13109
13110
13111
13112
13113
13114
13115
13116
13117
13118
13119
13120
13121
13122
13123
13124
13125
13126
13127
13128
13129
13130
13131
13132
13133
13134
13135
13136
13137
13138
13139
13140
13141
13142
13143
13144
13145
13146
13147
13148
13149
13150
13151
13152
13153
13154
13155
13156
13157
13158
13159
13160
13161
13162
13163
13164
13165
13166
13167
13168
13169
13170
13171
13172
13173
13174
13175
13176
13177
13178
13179
13180
13181
13182
13183
13184
13185
13186
13187
13188
13189
13190
13191
13192
13193
13194
13195
13196
13197
13198
13199
13200
13201
13202
13203
13204
13205
13206
13207
13208
13209
13210
13211
13212
13213
13214
13215
13216
13217
13218
13219
13220
13221
13222
13223
13224
13225
13226
13227
13228
13229
13230
13231
13232
13233
13234
13235
13236
13237
13238
13239
13240
13241
13242
13243
13244
13245
13246
13247
13248
13249
13250
13251
13252
13253
13254
13255
13256
13257
13258
13259
13260
13261
13262
13263
13264
13265
13266
13267
13268
13269
13270
13271
13272
13273
13274
13275
13276
13277
13278
13279
13280
13281
13282
13283
13284
13285
13286
13287
13288
13289
13290
13291
13292
13293
13294
13295
13296
13297
13298
13299
13300
13301
13302
13303
13304
13305
13306
13307
13308
13309
13310
13311
13312
13313
13314
13315
13316
13317
13318
13319
13320
13321
13322
13323
13324
13325
13326
13327
13328
13329
13330
13331
13332
13333
13334
13335
13336
13337
13338
13339
13340
13341
13342
13343
13344
13345
13346
13347
13348
13349
13350
13351
13352
13353
13354
13355
13356
13357
13358
13359
13360
13361
13362
13363
13364
13365
13366
13367
13368
13369
13370
13371
13372
13373
13374
13375
13376
13377
13378
13379
13380
13381
13382
13383
13384
13385
13386
13387
13388
13389
13390
13391
13392
13393
13394
13395
13396
13397
13398
13399
13400
13401
13402
13403
13404
13405
13406
13407
13408
13409
13410
13411
13412
13413
13414
13415
13416
13417
13418
13419
13420
13421
13422
13423
13424
13425
13426
13427
13428
13429
13430
13431
13432
13433
13434
13435
13436
13437
13438
13439
13440
13441
13442
13443
13444
13445
13446
13447
13448
13449
13450
13451
13452
13453
13454
13455
13456
13457
13458
13459
13460
13461
13462
13463
13464
13465
13466
13467
13468
13469
13470
13471
13472
13473
13474
13475
13476
13477
13478
13479
13480
13481
13482
13483
13484
13485
13486
13487
13488
13489
13490
13491
13492
13493
13494
13495
13496
13497
13498
13499
13500
13501
13502
13503
13504
13505
13506
13507
13508
13509
13510
13511
13512
13513
13514
13515
13516
13517
13518
13519
13520
13521
13522
13523
13524
13525
13526
13527
13528
13529
13530
13531
13532
13533
13534
13535
13536
13537
13538
13539
13540
13541
13542
13543
13544
13545
13546
13547
13548
13549
13550
13551
13552
13553
13554
13555
13556
13557
13558
13559
13560
13561
13562
13563
13564
13565
13566
13567
13568
13569
13570
13571
13572
13573
13574
13575
13576
13577
13578
13579
13580
13581
13582
13583
13584
13585
13586
13587
13588
13589
13590
13591
13592
13593
13594
13595
13596
13597
13598
13599
13600
13601
13602
13603
13604
13605
13606
13607
13608
13609
13610
13611
13612
13613
13614
13615
13616
13617
13618
13619
13620
13621
13622
13623
13624
13625
13626
13627
13628
13629
13630
13631
13632
13633
13634
13635
13636
13637
13638
13639
13640
13641
13642
13643
13644
13645
13646
13647
13648
13649
13650
13651
13652
13653
13654
13655
13656
13657
13658
13659
13660
13661
13662
13663
13664
13665
13666
13667
13668
13669
13670
13671
13672
13673
13674
13675
13676
13677
13678
13679
13680
13681
13682
13683
13684
13685
13686
13687
13688
13689
13690
13691
13692
13693
13694
13695
13696
13697
13698
13699
13700
13701
13702
13703
13704
13705
13706
13707
13708
13709
13710
13711
13712
13713
13714
13715
13716
13717
13718
13719
13720
13721
13722
13723
13724
13725
13726
13727
13728
13729
13730
13731
13732
13733
13734
13735
13736
13737
13738
13739
13740
13741
13742
13743
13744
13745
13746
13747
13748
13749
13750
13751
13752
13753
13754
13755
13756
13757
13758
13759
13760
13761
13762
13763
13764
13765
13766
13767
13768
13769
13770
13771
13772
13773
13774
13775
13776
13777
13778
13779
13780
13781
13782
13783
13784
13785
13786
13787
13788
13789
13790
13791
13792
13793
13794
13795
13796
13797
13798
13799
13800
13801
13802
13803
13804
13805
13806
13807
13808
13809
13810
13811
13812
13813
13814
13815
13816
13817
13818
13819
13820
13821
13822
13823
13824
13825
13826
13827
13828
13829
13830
13831
13832
13833
13834
13835
13836
13837
13838
13839
13840
13841
13842
13843
13844
13845
13846
13847
13848
13849
13850
13851
13852
13853
13854
13855
13856
13857
13858
13859
13860
13861
13862
13863
13864
13865
13866
13867
13868
13869
13870
13871
13872
13873
13874
13875
13876
13877
13878
13879
13880
13881
13882
13883
13884
13885
13886
13887
13888
13889
13890
13891
13892
13893
13894
13895
13896
13897
13898
13899
13900
13901
13902
13903
13904
13905
13906
13907
13908
13909
13910
13911
13912
13913
13914
13915
13916
13917
13918
13919
13920
13921
13922
13923
13924
13925
13926
13927
13928
13929
13930
13931
13932
13933
13934
13935
13936
13937
13938
13939
13940
13941
13942
13943
13944
13945
13946
13947
13948
13949
13950
13951
13952
13953
13954
13955
13956
13957
13958
13959
13960
13961
13962
13963
13964
13965
13966
13967
13968
13969
13970
13971
13972
13973
13974
13975
13976
13977
13978
13979
13980
13981
13982
13983
13984
13985
13986
13987
13988
13989
13990
13991
13992
13993
13994
13995
13996
13997
13998
13999
14000
14001
14002
14003
14004
14005
14006
14007
14008
14009
14010
14011
14012
14013
14014
14015
14016
14017
14018
14019
14020
14021
14022
14023
14024
14025
14026
14027
14028
14029
14030
14031
14032
14033
14034
14035
14036
14037
14038
14039
14040
14041
14042
14043
14044
14045
14046
14047
14048
14049
14050
14051
14052
14053
14054
14055
14056
14057
14058
14059
14060
14061
14062
14063
14064
14065
14066
14067
14068
14069
14070
14071
14072
14073
14074
14075
14076
14077
14078
14079
14080
14081
14082
14083
14084
14085
14086
14087
14088
14089
14090
14091
14092
14093
14094
14095
14096
14097
14098
14099
14100
14101
14102
14103
14104
14105
14106
14107
14108
14109
14110
14111
14112
14113
14114
14115
14116
14117
14118
14119
14120
14121
14122
14123
14124
14125
14126
14127
14128
14129
14130
14131
14132
14133
14134
14135
14136
14137
14138
14139
14140
14141
14142
14143
14144
14145
14146
14147
14148
14149
14150
14151
14152
14153
14154
14155
14156
14157
14158
14159
14160
14161
14162
14163
14164
14165
14166
14167
14168
14169
14170
14171
14172
14173
14174
14175
14176
14177
14178
14179
14180
14181
14182
14183
14184
14185
14186
14187
14188
14189
14190
14191
14192
14193
14194
14195
14196
14197
14198
14199
14200
14201
14202
14203
14204
14205
14206
14207
14208
14209
14210
14211
14212
14213
14214
14215
14216
14217
14218
14219
14220
14221
14222
14223
14224
14225
14226
14227
14228
14229
14230
14231
14232
14233
14234
14235
14236
14237
14238
14239
14240
14241
14242
14243
14244
14245
14246
14247
14248
14249
14250
14251
14252
14253
14254
14255
14256
14257
14258
14259
14260
14261
14262
14263
14264
14265
14266
14267
14268
14269
14270
14271
14272
14273
14274
14275
14276
14277
14278
14279
14280
14281
14282
14283
14284
14285
14286
14287
14288
14289
14290
14291
14292
14293
14294
14295
14296
14297
14298
14299
14300
14301
14302
14303
14304
14305
14306
14307
14308
14309
14310
14311
14312
14313
14314
14315
14316
14317
14318
14319
14320
14321
14322
14323
14324
14325
14326
14327
14328
14329
14330
14331
14332
14333
14334
14335
14336
14337
14338
14339
14340
14341
14342
14343
14344
14345
14346
14347
14348
14349
14350
14351
14352
14353
14354
14355
14356
14357
14358
14359
14360
14361
14362
14363
14364
14365
14366
14367
14368
14369
14370
14371
14372
14373
14374
14375
14376
14377
14378
14379
14380
14381
14382
14383
14384
14385
14386
14387
14388
14389
14390
14391
14392
14393
14394
14395
14396
14397
14398
14399
14400
14401
14402
14403
14404
14405
14406
14407
14408
14409
14410
14411
14412
14413
14414
14415
14416
14417
14418
14419
14420
14421
14422
14423
14424
14425
14426
14427
14428
14429
14430
14431
14432
14433
14434
14435
14436
14437
14438
14439
14440
14441
14442
14443
14444
14445
14446
14447
14448
14449
14450
14451
14452
14453
14454
14455
14456
14457
14458
14459
14460
14461
14462
14463
14464
14465
14466
14467
14468
14469
14470
14471
14472
14473
14474
14475
14476
14477
14478
14479
14480
14481
14482
14483
14484
14485
14486
14487
14488
14489
14490
14491
14492
14493
14494
14495
14496
14497
14498
14499
14500
14501
14502
14503
14504
14505
14506
14507
14508
14509
14510
14511
14512
14513
14514
14515
14516
14517
14518
14519
14520
14521
14522
14523
14524
14525
14526
14527
14528
14529
14530
14531
14532
14533
14534
14535
14536
14537
14538
14539
14540
14541
14542
14543
14544
14545
14546
14547
14548
14549
14550
14551
14552
14553
14554
14555
14556
14557
14558
14559
14560
14561
14562
14563
14564
14565
14566
14567
14568
14569
14570
14571
14572
14573
14574
14575
14576
14577
14578
14579
14580
14581
14582
14583
14584
14585
14586
14587
14588
14589
14590
14591
14592
14593
14594
14595
14596
14597
14598
14599
14600
14601
14602
14603
14604
14605
14606
14607
14608
14609
14610
14611
14612
14613
14614
14615
14616
14617
14618
14619
14620
14621
14622
14623
14624
14625
14626
14627
14628
14629
14630
14631
14632
14633
14634
14635
14636
14637
14638
14639
14640
14641
14642
14643
14644
14645
14646
14647
14648
14649
14650
14651
14652
14653
14654
14655
14656
14657
14658
14659
14660
14661
14662
14663
14664
14665
14666
14667
14668
14669
14670
14671
14672
14673
14674
14675
14676
14677
14678
14679
14680
14681
14682
14683
14684
14685
14686
14687
14688
14689
14690
14691
14692
14693
14694
14695
14696
14697
14698
14699
14700
14701
14702
14703
14704
14705
14706
14707
14708
14709
14710
14711
14712
14713
14714
14715
14716
14717
14718
14719
14720
14721
14722
14723
14724
14725
14726
14727
14728
14729
14730
14731
14732
14733
14734
14735
14736
14737
14738
14739
14740
14741
14742
14743
14744
14745
14746
14747
14748
14749
14750
14751
14752
14753
14754
14755
14756
14757
14758
14759
14760
14761
14762
14763
14764
14765
14766
14767
14768
14769
14770
14771
14772
14773
14774
14775
14776
14777
14778
14779
14780
14781
14782
14783
14784
14785
14786
14787
14788
14789
14790
14791
14792
14793
14794
14795
14796
14797
14798
14799
14800
14801
14802
14803
14804
14805
14806
14807
14808
14809
14810
14811
14812
14813
14814
14815
14816
14817
14818
14819
14820
14821
14822
14823
14824
14825
14826
14827
14828
14829
14830
14831
14832
14833
14834
14835
14836
14837
14838
14839
14840
14841
14842
14843
14844
14845
14846
14847
14848
14849
14850
14851
14852
14853
14854
14855
14856
14857
14858
14859
14860
14861
14862
14863
14864
14865
14866
14867
14868
14869
14870
14871
14872
14873
14874
14875
14876
14877
14878
14879
14880
14881
14882
14883
14884
14885
14886
14887
14888
14889
14890
14891
14892
14893
14894
14895
14896
14897
14898
14899
14900
14901
14902
14903
14904
14905
14906
14907
14908
14909
14910
14911
14912
14913
14914
14915
14916
14917
14918
14919
14920
14921
14922
14923
14924
14925
14926
14927
14928
14929
14930
14931
14932
14933
14934
14935
14936
14937
14938
14939
14940
14941
14942
14943
14944
14945
14946
14947
14948
14949
14950
14951
14952
14953
14954
14955
14956
14957
14958
14959
14960
14961
14962
14963
14964
14965
14966
14967
14968
14969
14970
14971
14972
14973
14974
14975
14976
14977
14978
14979
14980
14981
14982
14983
14984
14985
14986
14987
14988
14989
14990
14991
14992
14993
14994
14995
14996
14997
14998
14999
15000
15001
15002
15003
15004
15005
15006
15007
15008
15009
15010
15011
15012
15013
15014
15015
15016
15017
15018
15019
15020
15021
15022
15023
15024
15025
15026
15027
15028
15029
15030
15031
15032
15033
15034
15035
15036
15037
15038
15039
15040
15041
15042
15043
15044
15045
15046
15047
15048
15049
15050
15051
15052
15053
15054
15055
15056
15057
15058
15059
15060
15061
15062
15063
15064
15065
15066
15067
15068
15069
15070
15071
15072
15073
15074
15075
15076
15077
15078
15079
15080
15081
15082
15083
15084
15085
15086
15087
15088
15089
15090
15091
15092
15093
15094
15095
15096
15097
15098
15099
15100
15101
15102
15103
15104
15105
15106
15107
15108
15109
15110
15111
15112
15113
15114
15115
15116
15117
15118
15119
15120
15121
15122
15123
15124
15125
15126
15127
15128
15129
15130
15131
15132
15133
15134
15135
15136
15137
15138
15139
15140
15141
15142
15143
15144
15145
15146
15147
15148
15149
15150
15151
15152
15153
15154
15155
15156
15157
15158
15159
15160
15161
15162
15163
15164
15165
15166
15167
15168
15169
15170
15171
15172
15173
15174
15175
15176
15177
15178
15179
15180
15181
15182
15183
15184
15185
15186
15187
15188
15189
15190
15191
15192
15193
15194
15195
15196
15197
15198
15199
15200
15201
15202
15203
15204
15205
15206
15207
15208
15209
15210
15211
15212
15213
15214
15215
15216
15217
15218
15219
15220
15221
15222
15223
15224
15225
15226
15227
15228
15229
15230
15231
15232
15233
15234
15235
15236
15237
15238
15239
15240
15241
15242
15243
15244
15245
15246
15247
15248
15249
15250
15251
15252
15253
15254
15255
15256
15257
15258
15259
15260
15261
15262
15263
15264
15265
15266
15267
15268
15269
15270
15271
15272
15273
15274
15275
15276
15277
15278
15279
15280
15281
15282
15283
15284
15285
15286
15287
15288
15289
15290
15291
15292
15293
15294
15295
15296
15297
15298
15299
15300
15301
15302
15303
15304
15305
15306
15307
15308
15309
15310
15311
15312
15313
15314
15315
15316
15317
15318
15319
15320
15321
15322
15323
15324
15325
15326
15327
15328
15329
15330
15331
15332
15333
15334
15335
15336
15337
15338
15339
15340
15341
15342
15343
15344
15345
15346
15347
15348
15349
15350
15351
15352
15353
15354
15355
15356
15357
15358
15359
15360
15361
15362
15363
15364
15365
15366
15367
15368
15369
15370
15371
15372
15373
15374
15375
15376
15377
15378
15379
15380
15381
15382
15383
15384
15385
15386
15387
15388
15389
15390
15391
15392
15393
15394
15395
15396
15397
15398
15399
15400
15401
15402
15403
15404
15405
15406
15407
15408
15409
15410
15411
15412
15413
15414
15415
15416
15417
15418
15419
15420
15421
15422
15423
15424
15425
15426
15427
15428
15429
15430
15431
15432
15433
15434
15435
15436
15437
15438
15439
15440
15441
15442
15443
15444
15445
15446
15447
15448
15449
15450
15451
15452
15453
15454
15455
15456
15457
15458
15459
15460
15461
15462
15463
15464
15465
15466
15467
15468
15469
15470
15471
15472
15473
15474
15475
15476
15477
15478
15479
15480
15481
15482
15483
15484
15485
15486
15487
15488
15489
15490
15491
15492
15493
15494
15495
15496
15497
15498
15499
15500
15501
15502
15503
15504
15505
15506
15507
15508
15509
15510
15511
15512
15513
15514
15515
15516
15517
15518
15519
15520
15521
15522
15523
15524
15525
15526
15527
15528
15529
15530
15531
15532
15533
15534
15535
15536
15537
15538
15539
15540
15541
15542
15543
15544
15545
15546
15547
15548
15549
15550
15551
15552
15553
15554
15555
15556
15557
15558
15559
15560
15561
15562
15563
15564
15565
15566
15567
15568
15569
15570
15571
15572
15573
15574
15575
15576
15577
15578
15579
15580
15581
15582
15583
15584
15585
15586
15587
15588
15589
15590
15591
15592
15593
15594
15595
15596
15597
15598
15599
15600
15601
15602
15603
15604
15605
15606
15607
15608
15609
15610
15611
15612
15613
15614
15615
15616
15617
15618
15619
15620
15621
15622
15623
15624
15625
15626
15627
15628
15629
15630
15631
15632
15633
15634
15635
15636
15637
15638
15639
15640
15641
15642
15643
15644
15645
15646
15647
15648
15649
15650
15651
15652
15653
15654
15655
15656
15657
15658
15659
15660
15661
15662
15663
15664
15665
15666
15667
15668
15669
15670
15671
15672
15673
15674
15675
15676
15677
15678
15679
15680
15681
15682
15683
15684
15685
15686
15687
15688
15689
15690
15691
15692
15693
15694
15695
15696
15697
15698
15699
15700
15701
15702
15703
15704
15705
15706
15707
15708
15709
15710
15711
15712
15713
15714
15715
15716
15717
15718
15719
15720
15721
15722
15723
15724
15725
15726
15727
15728
15729
15730
15731
15732
15733
15734
15735
15736
15737
15738
15739
15740
15741
15742
15743
15744
15745
15746
15747
15748
15749
15750
15751
15752
15753
15754
15755
15756
15757
15758
15759
15760
15761
15762
15763
15764
15765
15766
15767
15768
15769
15770
15771
15772
15773
15774
15775
15776
15777
15778
15779
15780
15781
15782
15783
15784
15785
15786
15787
15788
15789
15790
15791
15792
15793
15794
15795
15796
15797
15798
15799
15800
15801
15802
15803
15804
15805
15806
15807
15808
15809
15810
15811
15812
15813
15814
15815
15816
15817
15818
15819
15820
15821
15822
15823
15824
15825
15826
15827
15828
15829
15830
15831
15832
15833
15834
15835
15836
15837
15838
15839
15840
15841
15842
15843
15844
15845
15846
15847
15848
15849
15850
15851
15852
15853
15854
15855
15856
15857
15858
15859
15860
15861
15862
15863
15864
15865
15866
15867
15868
15869
15870
15871
15872
15873
15874
15875
15876
15877
15878
15879
15880
15881
15882
15883
15884
15885
15886
15887
15888
15889
15890
15891
15892
15893
15894
15895
15896
15897
15898
15899
15900
15901
15902
15903
15904
15905
15906
15907
15908
15909
15910
15911
15912
15913
15914
15915
15916
15917
15918
15919
15920
15921
15922
15923
15924
15925
15926
15927
15928
15929
15930
15931
15932
15933
15934
15935
15936
15937
15938
15939
15940
15941
15942
15943
15944
15945
15946
15947
15948
15949
15950
15951
15952
15953
15954
15955
15956
15957
15958
15959
15960
15961
15962
15963
15964
15965
15966
15967
15968
15969
15970
15971
15972
15973
15974
15975
15976
15977
15978
15979
15980
15981
15982
15983
15984
15985
15986
15987
15988
15989
15990
15991
15992
15993
15994
15995
15996
15997
15998
15999
16000
16001
16002
16003
16004
16005
16006
16007
16008
16009
16010
16011
16012
16013
16014
16015
16016
16017
16018
16019
16020
16021
16022
16023
16024
16025
16026
16027
16028
16029
16030
16031
16032
16033
16034
16035
16036
16037
16038
16039
16040
16041
16042
16043
16044
16045
16046
16047
16048
16049
16050
16051
16052
16053
16054
16055
16056
16057
16058
16059
16060
16061
16062
16063
16064
16065
16066
16067
16068
16069
16070
16071
16072
16073
16074
16075
16076
16077
16078
16079
16080
16081
16082
16083
16084
16085
16086
16087
16088
16089
16090
16091
16092
16093
16094
16095
16096
16097
16098
16099
16100
16101
16102
16103
16104
16105
16106
16107
16108
16109
16110
16111
16112
16113
16114
16115
16116
16117
16118
16119
16120
16121
16122
16123
16124
16125
16126
16127
16128
16129
16130
16131
16132
16133
16134
16135
16136
16137
16138
16139
16140
16141
16142
16143
16144
16145
16146
16147
16148
16149
16150
16151
16152
16153
16154
16155
16156
16157
16158
16159
16160
16161
16162
16163
16164
16165
16166
16167
16168
16169
16170
16171
16172
16173
16174
16175
16176
16177
16178
16179
16180
16181
16182
16183
16184
16185
16186
16187
16188
16189
16190
16191
16192
16193
16194
16195
16196
16197
16198
16199
16200
16201
16202
16203
16204
16205
16206
16207
16208
16209
16210
16211
16212
16213
16214
16215
16216
16217
16218
16219
16220
16221
16222
16223
16224
16225
16226
16227
16228
16229
16230
16231
16232
16233
16234
16235
16236
16237
16238
16239
16240
16241
16242
16243
16244
16245
16246
16247
16248
16249
16250
16251
16252
16253
16254
16255
16256
16257
16258
16259
16260
16261
16262
16263
16264
16265
16266
16267
16268
16269
16270
16271
16272
16273
16274
16275
16276
16277
16278
16279
16280
16281
16282
16283
16284
16285
16286
16287
16288
16289
16290
16291
16292
16293
16294
16295
16296
16297
16298
16299
16300
16301
16302
16303
16304
16305
16306
16307
16308
16309
16310
16311
16312
16313
16314
16315
16316
16317
16318
16319
16320
16321
16322
16323
16324
16325
16326
16327
16328
16329
16330
16331
16332
16333
16334
16335
16336
16337
16338
16339
16340
16341
16342
16343
16344
16345
16346
16347
16348
16349
16350
16351
16352
16353
16354
16355
16356
16357
16358
16359
16360
16361
16362
16363
16364
16365
16366
16367
16368
16369
16370
16371
16372
16373
16374
16375
16376
16377
16378
16379
16380
16381
16382
16383
16384
16385
16386
16387
16388
16389
16390
16391
16392
16393
16394
16395
16396
16397
16398
16399
16400
16401
16402
16403
16404
16405
16406
16407
16408
16409
16410
16411
16412
16413
16414
16415
16416
16417
16418
16419
16420
16421
16422
16423
16424
16425
16426
16427
16428
16429
16430
16431
16432
16433
16434
16435
16436
16437
16438
16439
16440
16441
16442
16443
16444
16445
16446
16447
16448
16449
16450
16451
16452
16453
16454
16455
16456
16457
16458
16459
16460
16461
16462
16463
16464
16465
16466
16467
16468
16469
16470
16471
16472
16473
16474
16475
16476
16477
16478
16479
16480
16481
16482
16483
16484
16485
16486
16487
16488
16489
16490
16491
16492
16493
16494
16495
16496
16497
16498
16499
16500
16501
16502
16503
16504
16505
16506
16507
16508
16509
16510
16511
16512
16513
16514
16515
16516
16517
16518
16519
16520
16521
16522
16523
16524
16525
16526
16527
16528
16529
16530
16531
16532
16533
16534
16535
16536
16537
16538
16539
16540
16541
16542
16543
16544
16545
16546
16547
16548
16549
16550
16551
16552
16553
16554
16555
16556
16557
16558
16559
16560
16561
16562
16563
16564
16565
16566
16567
16568
16569
16570
16571
16572
16573
16574
16575
16576
16577
16578
16579
16580
16581
16582
16583
16584
16585
16586
16587
16588
16589
16590
16591
16592
16593
16594
16595
16596
16597
16598
16599
16600
16601
16602
16603
16604
16605
16606
16607
16608
16609
16610
16611
16612
16613
16614
16615
16616
16617
16618
16619
16620
16621
16622
16623
16624
16625
16626
16627
16628
16629
16630
16631
16632
16633
16634
16635
16636
16637
16638
16639
16640
16641
16642
16643
16644
16645
16646
16647
16648
16649
16650
16651
16652
16653
16654
16655
16656
16657
16658
16659
16660
16661
16662
16663
16664
16665
16666
16667
16668
16669
16670
16671
16672
16673
16674
16675
16676
16677
16678
16679
16680
16681
16682
16683
16684
16685
16686
16687
16688
16689
16690
16691
16692
16693
16694
16695
16696
16697
16698
16699
16700
16701
16702
16703
16704
16705
16706
16707
16708
16709
16710
16711
16712
16713
16714
16715
16716
16717
16718
16719
16720
16721
16722
16723
16724
16725
16726
16727
16728
16729
16730
16731
16732
16733
16734
16735
16736
16737
16738
16739
16740
16741
16742
16743
16744
16745
16746
16747
16748
16749
16750
16751
16752
16753
16754
16755
16756
16757
16758
16759
16760
16761
16762
16763
16764
16765
16766
16767
16768
16769
16770
16771
16772
16773
16774
16775
16776
16777
16778
16779
16780
16781
16782
16783
16784
16785
16786
16787
16788
16789
16790
16791
16792
16793
16794
16795
16796
16797
16798
16799
16800
16801
16802
16803
16804
16805
16806
16807
16808
16809
16810
16811
16812
16813
16814
16815
16816
16817
16818
16819
16820
16821
16822
16823
16824
16825
16826
16827
16828
16829
16830
16831
16832
16833
16834
16835
16836
16837
16838
16839
16840
16841
16842
16843
16844
16845
16846
16847
16848
16849
16850
16851
16852
16853
16854
16855
16856
16857
16858
16859
16860
16861
16862
16863
16864
16865
16866
16867
16868
16869
16870
16871
16872
16873
16874
16875
16876
16877
16878
16879
16880
16881
16882
16883
16884
16885
16886
16887
16888
16889
16890
16891
16892
16893
16894
16895
16896
16897
16898
16899
16900
16901
16902
16903
16904
16905
16906
16907
16908
16909
16910
16911
16912
16913
16914
16915
16916
16917
16918
16919
16920
16921
16922
16923
16924
16925
16926
16927
16928
16929
16930
16931
16932
16933
16934
16935
16936
16937
16938
16939
16940
16941
16942
16943
16944
16945
16946
16947
16948
16949
16950
16951
16952
16953
16954
16955
16956
16957
16958
16959
16960
16961
16962
16963
16964
16965
16966
16967
16968
16969
16970
16971
16972
16973
16974
16975
16976
16977
16978
16979
16980
16981
16982
16983
16984
16985
16986
16987
16988
16989
16990
16991
16992
16993
16994
16995
16996
16997
16998
16999
17000
17001
17002
17003
17004
17005
17006
17007
17008
17009
17010
17011
17012
17013
17014
17015
17016
17017
17018
17019
17020
17021
17022
17023
17024
17025
17026
17027
17028
17029
17030
17031
17032
17033
17034
17035
17036
17037
17038
17039
17040
17041
17042
17043
17044
17045
17046
17047
17048
17049
17050
17051
17052
17053
17054
17055
17056
17057
17058
17059
17060
17061
17062
17063
17064
17065
17066
17067
17068
17069
17070
17071
17072
17073
17074
17075
17076
17077
17078
17079
17080
17081
17082
17083
17084
17085
17086
17087
17088
17089
17090
17091
17092
17093
17094
17095
17096
17097
17098
17099
17100
17101
17102
17103
17104
17105
17106
17107
17108
17109
17110
17111
17112
17113
17114
17115
17116
17117
17118
17119
17120
17121
17122
17123
17124
17125
17126
17127
17128
17129
17130
17131
17132
17133
17134
17135
17136
17137
17138
17139
17140
17141
17142
17143
17144
17145
17146
17147
17148
17149
17150
17151
17152
17153
17154
17155
17156
17157
17158
17159
17160
17161
17162
17163
17164
17165
17166
17167
17168
17169
17170
17171
17172
17173
17174
17175
17176
17177
17178
17179
17180
17181
17182
17183
17184
17185
17186
17187
17188
17189
17190
17191
17192
17193
17194
17195
17196
17197
17198
17199
17200
17201
17202
17203
17204
17205
17206
17207
17208
17209
17210
17211
17212
17213
17214
17215
17216
17217
17218
17219
17220
17221
17222
17223
17224
17225
17226
17227
17228
17229
17230
17231
17232
17233
17234
17235
17236
17237
17238
17239
17240
17241
17242
17243
17244
17245
17246
17247
17248
17249
17250
17251
17252
17253
17254
17255
17256
17257
17258
17259
17260
17261
17262
17263
17264
17265
17266
17267
17268
17269
17270
17271
17272
17273
17274
17275
17276
17277
17278
17279
17280
17281
17282
17283
17284
17285
17286
17287
17288
17289
17290
17291
17292
17293
17294
17295
17296
17297
17298
17299
17300
17301
17302
17303
17304
17305
17306
17307
17308
17309
17310
17311
17312
17313
17314
17315
17316
17317
17318
17319
17320
17321
17322
17323
17324
17325
17326
17327
17328
17329
17330
17331
17332
17333
17334
17335
17336
17337
17338
17339
17340
17341
17342
17343
17344
17345
17346
17347
17348
17349
17350
17351
17352
17353
17354
17355
17356
17357
17358
17359
17360
17361
17362
17363
17364
17365
17366
17367
17368
17369
17370
17371
17372
17373
17374
17375
17376
17377
17378
17379
17380
17381
17382
17383
17384
17385
17386
17387
17388
17389
17390
17391
17392
17393
17394
17395
17396
17397
17398
17399
17400
17401
17402
17403
17404
17405
17406
17407
17408
17409
17410
17411
17412
17413
17414
17415
17416
17417
17418
17419
17420
17421
17422
17423
17424
17425
17426
17427
17428
17429
17430
17431
17432
17433
17434
17435
17436
17437
17438
17439
17440
17441
17442
17443
17444
17445
17446
17447
17448
17449
17450
17451
17452
17453
17454
17455
17456
17457
17458
17459
17460
17461
17462
17463
17464
17465
17466
17467
17468
17469
17470
17471
17472
17473
17474
17475
17476
17477
17478
17479
17480
17481
17482
17483
17484
17485
17486
17487
17488
17489
17490
17491
17492
17493
17494
17495
17496
17497
17498
17499
17500
17501
17502
17503
17504
17505
17506
17507
17508
17509
17510
17511
17512
17513
17514
17515
17516
17517
17518
17519
17520
17521
17522
17523
17524
17525
17526
17527
17528
17529
17530
17531
17532
17533
17534
17535
17536
17537
17538
17539
17540
17541
17542
17543
17544
17545
17546
17547
17548
17549
17550
17551
17552
17553
17554
17555
17556
17557
17558
17559
17560
17561
17562
17563
17564
17565
17566
17567
17568
17569
17570
17571
17572
17573
17574
17575
17576
17577
17578
17579
17580
17581
17582
17583
17584
17585
17586
17587
17588
17589
17590
17591
17592
17593
17594
17595
17596
17597
17598
17599
17600
17601
17602
17603
17604
17605
17606
17607
17608
17609
17610
17611
17612
17613
17614
17615
17616
17617
17618
17619
17620
17621
17622
17623
17624
17625
17626
17627
17628
17629
17630
17631
17632
17633
17634
17635
17636
17637
17638
17639
17640
17641
17642
17643
17644
17645
17646
17647
17648
17649
17650
17651
17652
17653
17654
17655
17656
17657
17658
17659
17660
17661
17662
17663
17664
17665
17666
17667
17668
17669
17670
17671
17672
17673
17674
17675
17676
17677
17678
17679
17680
17681
17682
17683
17684
17685
17686
17687
17688
17689
17690
17691
17692
17693
17694
17695
17696
17697
17698
17699
17700
17701
17702
17703
17704
17705
17706
17707
17708
17709
17710
17711
17712
17713
17714
17715
17716
17717
17718
17719
17720
17721
17722
17723
17724
17725
17726
17727
17728
17729
17730
17731
17732
17733
17734
17735
17736
17737
17738
17739
17740
17741
17742
17743
17744
17745
17746
17747
17748
17749
17750
17751
17752
17753
17754
17755
17756
17757
17758
17759
17760
17761
17762
17763
17764
17765
17766
17767
17768
17769
17770
17771
17772
17773
17774
17775
17776
17777
17778
17779
17780
17781
17782
17783
17784
17785
17786
17787
17788
17789
17790
17791
17792
17793
17794
17795
17796
17797
17798
17799
17800
17801
17802
17803
17804
17805
17806
17807
17808
17809
17810
17811
17812
17813
17814
17815
17816
17817
17818
17819
17820
17821
17822
17823
17824
17825
17826
17827
17828
17829
17830
17831
17832
17833
17834
17835
17836
17837
17838
17839
17840
17841
17842
17843
17844
17845
17846
17847
17848
17849
17850
17851
17852
17853
17854
17855
17856
17857
17858
17859
17860
17861
17862
17863
17864
17865
17866
17867
17868
17869
17870
17871
17872
17873
17874
17875
17876
17877
17878
17879
17880
17881
17882
17883
17884
17885
17886
17887
17888
17889
17890
17891
17892
17893
17894
17895
17896
17897
17898
17899
17900
17901
17902
17903
17904
17905
17906
17907
17908
17909
17910
17911
17912
17913
17914
17915
17916
17917
17918
17919
17920
17921
17922
17923
17924
17925
17926
17927
17928
17929
17930
17931
17932
17933
17934
17935
17936
17937
17938
17939
17940
17941
17942
17943
17944
17945
17946
17947
17948
17949
17950
17951
17952
17953
17954
17955
17956
17957
17958
17959
17960
17961
17962
17963
17964
17965
17966
17967
17968
17969
17970
17971
17972
17973
17974
17975
17976
17977
17978
17979
17980
17981
17982
17983
17984
17985
17986
17987
17988
17989
17990
17991
17992
17993
17994
17995
17996
17997
17998
17999
18000
18001
18002
18003
18004
18005
18006
18007
18008
18009
18010
18011
18012
18013
18014
18015
18016
18017
18018
18019
18020
18021
18022
18023
18024
18025
18026
18027
18028
18029
18030
18031
18032
18033
18034
18035
18036
18037
18038
18039
18040
18041
18042
18043
18044
18045
18046
18047
18048
18049
18050
18051
18052
18053
18054
18055
18056
18057
18058
18059
18060
18061
18062
18063
18064
18065
18066
18067
18068
18069
18070
18071
18072
18073
18074
18075
18076
18077
18078
18079
18080
18081
18082
18083
18084
18085
18086
18087
18088
18089
18090
18091
18092
18093
18094
18095
18096
18097
18098
18099
18100
18101
18102
18103
18104
18105
18106
18107
18108
18109
18110
18111
18112
18113
18114
18115
18116
18117
18118
18119
18120
18121
18122
18123
18124
18125
18126
18127
18128
18129
18130
18131
18132
18133
18134
18135
18136
18137
18138
18139
18140
18141
18142
18143
18144
18145
18146
18147
18148
18149
18150
18151
18152
18153
18154
18155
18156
18157
18158
18159
18160
18161
18162
18163
18164
18165
18166
18167
18168
18169
18170
18171
18172
18173
18174
18175
18176
18177
18178
18179
18180
18181
18182
18183
18184
18185
18186
18187
18188
18189
18190
18191
18192
18193
18194
18195
18196
18197
18198
18199
18200
18201
18202
18203
18204
18205
18206
18207
18208
18209
18210
18211
18212
18213
18214
18215
18216
18217
18218
18219
18220
18221
18222
18223
18224
18225
18226
18227
18228
18229
18230
18231
18232
18233
18234
18235
18236
18237
18238
18239
18240
18241
18242
18243
18244
18245
18246
18247
18248
18249
18250
18251
18252
18253
18254
18255
18256
18257
18258
18259
18260
18261
18262
18263
18264
18265
18266
18267
18268
18269
18270
18271
18272
18273
18274
18275
18276
18277
18278
18279
18280
18281
18282
18283
18284
18285
18286
18287
18288
18289
18290
18291
18292
18293
18294
18295
18296
18297
18298
18299
18300
18301
18302
18303
18304
18305
18306
18307
18308
18309
18310
18311
18312
18313
18314
18315
18316
18317
18318
18319
18320
18321
18322
18323
18324
18325
18326
18327
18328
18329
18330
18331
18332
18333
18334
18335
18336
18337
18338
18339
18340
18341
18342
18343
18344
18345
18346
18347
18348
18349
18350
18351
18352
18353
18354
18355
18356
18357
18358
18359
18360
18361
18362
18363
18364
18365
18366
18367
18368
18369
18370
18371
18372
18373
18374
18375
18376
18377
18378
18379
18380
18381
18382
18383
18384
18385
18386
18387
18388
18389
18390
18391
18392
18393
18394
18395
18396
18397
18398
18399
18400
18401
18402
18403
18404
18405
18406
18407
18408
18409
18410
18411
18412
18413
18414
18415
18416
18417
18418
18419
18420
18421
18422
18423
18424
18425
18426
18427
18428
18429
18430
18431
18432
18433
18434
18435
18436
18437
18438
18439
18440
18441
18442
18443
18444
18445
18446
18447
18448
18449
18450
18451
18452
18453
18454
18455
18456
18457
18458
18459
18460
18461
18462
18463
18464
18465
18466
18467
18468
18469
18470
18471
18472
18473
18474
18475
18476
18477
18478
18479
18480
18481
18482
18483
18484
18485
18486
18487
18488
18489
18490
18491
18492
18493
18494
18495
18496
18497
18498
18499
18500
18501
18502
18503
18504
18505
18506
18507
18508
18509
18510
18511
18512
18513
18514
18515
18516
18517
18518
18519
18520
18521
18522
18523
18524
18525
18526
18527
18528
18529
18530
18531
18532
18533
18534
18535
18536
18537
18538
18539
18540
18541
18542
18543
18544
18545
18546
18547
18548
18549
18550
18551
18552
18553
18554
18555
18556
18557
18558
18559
18560
18561
18562
18563
18564
18565
18566
18567
18568
18569
18570
18571
18572
18573
18574
18575
18576
18577
18578
18579
18580
18581
18582
18583
18584
18585
18586
18587
18588
18589
18590
18591
18592
18593
18594
18595
18596
18597
18598
18599
18600
18601
18602
18603
18604
18605
18606
18607
18608
18609
18610
18611
18612
18613
18614
18615
18616
18617
18618
18619
18620
18621
18622
18623
18624
18625
18626
18627
18628
18629
18630
18631
18632
18633
18634
18635
18636
18637
18638
18639
18640
18641
18642
18643
18644
18645
18646
18647
18648
18649
18650
18651
18652
18653
18654
18655
18656
18657
18658
18659
18660
18661
18662
18663
18664
18665
18666
18667
18668
18669
18670
18671
18672
18673
18674
18675
18676
18677
18678
18679
18680
18681
18682
18683
18684
18685
18686
18687
18688
18689
18690
18691
18692
18693
18694
18695
18696
18697
18698
18699
18700
18701
18702
18703
18704
18705
18706
18707
18708
18709
18710
18711
18712
18713
18714
18715
18716
18717
18718
18719
18720
18721
18722
18723
18724
18725
18726
18727
18728
18729
18730
18731
18732
18733
18734
18735
18736
18737
18738
18739
18740
18741
18742
18743
18744
18745
18746
18747
18748
18749
18750
18751
18752
18753
18754
18755
18756
18757
18758
18759
18760
18761
18762
18763
18764
18765
18766
18767
18768
18769
18770
18771
18772
18773
18774
18775
18776
18777
18778
18779
18780
18781
18782
18783
18784
18785
18786
18787
18788
18789
18790
18791
18792
18793
18794
18795
18796
18797
18798
18799
18800
18801
18802
18803
18804
18805
18806
18807
18808
18809
18810
18811
18812
18813
18814
18815
18816
18817
18818
18819
18820
18821
18822
18823
18824
18825
18826
18827
18828
18829
18830
18831
18832
18833
18834
18835
18836
18837
18838
18839
18840
18841
18842
18843
18844
18845
18846
18847
18848
18849
18850
18851
18852
18853
18854
18855
18856
18857
18858
18859
18860
18861
18862
18863
18864
18865
18866
18867
18868
18869
18870
18871
18872
18873
18874
18875
18876
18877
18878
18879
18880
18881
18882
18883
18884
18885
18886
18887
18888
18889
18890
18891
18892
18893
18894
18895
18896
18897
18898
18899
18900
18901
18902
18903
18904
18905
18906
18907
18908
18909
18910
18911
18912
18913
18914
18915
18916
18917
18918
18919
18920
18921
18922
18923
18924
18925
18926
18927
18928
18929
18930
18931
18932
18933
18934
18935
18936
18937
18938
18939
18940
18941
18942
18943
18944
18945
18946
18947
18948
18949
18950
18951
18952
18953
18954
18955
18956
18957
18958
18959
18960
18961
18962
18963
18964
18965
18966
18967
18968
18969
18970
18971
18972
18973
18974
18975
18976
18977
18978
18979
18980
18981
18982
18983
18984
18985
18986
18987
18988
18989
18990
18991
18992
18993
18994
18995
18996
18997
18998
18999
19000
19001
19002
19003
19004
19005
19006
19007
19008
19009
19010
19011
19012
19013
19014
19015
19016
19017
19018
19019
19020
19021
19022
19023
19024
19025
19026
19027
19028
19029
19030
19031
19032
19033
19034
19035
19036
19037
19038
19039
19040
19041
19042
19043
19044
19045
19046
19047
19048
19049
19050
19051
19052
19053
19054
19055
19056
19057
19058
19059
19060
19061
19062
19063
19064
19065
19066
19067
19068
19069
19070
19071
19072
19073
19074
19075
19076
19077
19078
19079
19080
19081
19082
19083
19084
19085
19086
19087
19088
19089
19090
19091
19092
19093
19094
19095
19096
19097
19098
19099
19100
19101
19102
19103
19104
19105
19106
19107
19108
19109
19110
19111
19112
19113
19114
19115
19116
19117
19118
19119
19120
19121
19122
19123
19124
19125
19126
19127
19128
19129
19130
19131
19132
19133
19134
19135
19136
19137
19138
19139
19140
19141
19142
19143
19144
19145
19146
19147
19148
19149
19150
19151
19152
19153
19154
19155
19156
19157
19158
19159
19160
19161
19162
19163
19164
19165
19166
19167
19168
19169
19170
19171
19172
19173
19174
19175
19176
19177
19178
19179
19180
19181
19182
19183
19184
19185
19186
19187
19188
19189
19190
19191
19192
19193
19194
19195
19196
19197
19198
19199
19200
19201
19202
19203
19204
19205
19206
19207
19208
19209
19210
19211
19212
19213
19214
19215
19216
19217
19218
19219
19220
19221
19222
19223
19224
19225
19226
19227
19228
19229
19230
19231
19232
19233
19234
19235
19236
19237
19238
19239
19240
19241
19242
19243
19244
19245
19246
19247
19248
19249
19250
19251
19252
19253
19254
19255
19256
19257
19258
19259
19260
19261
19262
19263
19264
19265
19266
19267
19268
19269
19270
19271
19272
19273
19274
19275
19276
19277
19278
19279
19280
19281
19282
19283
19284
19285
19286
19287
19288
19289
19290
19291
19292
19293
19294
19295
19296
19297
19298
19299
19300
19301
19302
19303
19304
19305
19306
19307
19308
19309
19310
19311
19312
19313
19314
19315
19316
19317
19318
19319
19320
19321
19322
19323
19324
19325
19326
19327
19328
19329
19330
19331
19332
19333
19334
19335
19336
19337
19338
19339
19340
19341
19342
19343
19344
19345
19346
19347
19348
19349
19350
19351
19352
19353
19354
19355
19356
19357
19358
19359
19360
19361
19362
19363
19364
19365
19366
19367
19368
19369
19370
19371
19372
19373
19374
19375
19376
19377
19378
19379
19380
19381
19382
19383
19384
19385
19386
19387
19388
19389
19390
19391
19392
19393
19394
19395
19396
19397
19398
19399
19400
19401
19402
19403
19404
19405
19406
19407
19408
19409
19410
19411
19412
19413
19414
19415
19416
19417
19418
19419
19420
19421
19422
19423
19424
19425
19426
19427
19428
19429
19430
19431
19432
19433
19434
19435
19436
19437
19438
19439
19440
19441
19442
19443
19444
19445
19446
19447
19448
19449
19450
19451
19452
19453
19454
19455
19456
19457
19458
19459
19460
19461
19462
19463
19464
19465
19466
19467
19468
19469
19470
19471
19472
19473
19474
19475
19476
19477
19478
19479
19480
19481
19482
19483
19484
19485
19486
19487
19488
19489
19490
19491
19492
19493
19494
19495
19496
19497
19498
19499
19500
19501
19502
19503
19504
19505
19506
19507
19508
19509
19510
19511
19512
19513
19514
19515
19516
19517
19518
19519
19520
19521
19522
19523
19524
19525
19526
19527
19528
19529
19530
19531
19532
19533
19534
19535
19536
19537
19538
19539
19540
19541
19542
19543
19544
19545
19546
19547
19548
19549
19550
19551
19552
19553
19554
19555
19556
19557
19558
19559
19560
19561
19562
19563
19564
19565
19566
19567
19568
19569
19570
19571
19572
19573
19574
19575
19576
19577
19578
19579
19580
19581
19582
19583
19584
19585
19586
19587
19588
19589
19590
19591
19592
19593
19594
19595
19596
19597
19598
19599
19600
19601
19602
19603
19604
19605
19606
19607
19608
19609
19610
19611
19612
19613
19614
19615
19616
19617
19618
19619
19620
19621
19622
19623
19624
19625
19626
19627
19628
19629
19630
19631
19632
19633
19634
19635
19636
19637
19638
19639
19640
19641
19642
19643
19644
19645
19646
19647
19648
19649
19650
19651
19652
19653
19654
19655
19656
19657
19658
19659
19660
19661
19662
19663
19664
19665
19666
19667
19668
19669
19670
19671
19672
19673
19674
19675
19676
19677
19678
19679
19680
19681
19682
19683
19684
19685
19686
19687
19688
19689
19690
19691
19692
19693
19694
19695
19696
19697
19698
19699
19700
19701
19702
19703
19704
19705
19706
19707
19708
19709
19710
19711
19712
19713
19714
19715
19716
19717
19718
19719
19720
19721
19722
19723
19724
19725
19726
19727
19728
19729
19730
19731
19732
19733
19734
19735
19736
19737
19738
19739
19740
19741
19742
19743
19744
19745
19746
19747
19748
19749
19750
19751
19752
19753
19754
19755
19756
19757
19758
19759
19760
19761
19762
19763
19764
19765
19766
19767
19768
19769
19770
19771
19772
19773
19774
19775
19776
19777
19778
19779
19780
19781
19782
19783
19784
19785
19786
19787
19788
19789
19790
19791
19792
19793
19794
19795
19796
19797
19798
19799
19800
19801
19802
19803
19804
19805
19806
19807
19808
19809
19810
19811
19812
19813
19814
19815
19816
19817
19818
19819
19820
19821
19822
19823
19824
19825
19826
19827
19828
19829
19830
19831
19832
19833
19834
19835
19836
19837
19838
19839
19840
19841
19842
19843
19844
19845
19846
19847
19848
19849
19850
19851
19852
19853
19854
19855
19856
19857
19858
19859
19860
19861
19862
19863
19864
19865
19866
19867
19868
19869
19870
19871
19872
19873
19874
19875
19876
19877
19878
19879
19880
19881
19882
19883
19884
19885
19886
19887
19888
19889
19890
19891
19892
19893
19894
19895
19896
19897
19898
19899
19900
19901
19902
19903
19904
19905
19906
19907
19908
19909
19910
19911
19912
19913
19914
19915
19916
19917
19918
19919
19920
19921
19922
19923
19924
19925
19926
19927
19928
19929
19930
19931
19932
19933
19934
19935
19936
19937
19938
19939
19940
19941
19942
19943
19944
19945
19946
19947
19948
19949
19950
19951
19952
19953
19954
19955
19956
19957
19958
19959
19960
19961
19962
19963
19964
19965
19966
19967
19968
19969
19970
19971
19972
19973
19974
19975
19976
19977
19978
19979
19980
19981
19982
19983
19984
19985
19986
19987
19988
19989
19990
19991
19992
19993
19994
19995
19996
19997
19998
19999
20000
20001
20002
20003
20004
20005
20006
20007
20008
20009
20010
20011
20012
20013
20014
20015
20016
20017
20018
20019
20020
20021
20022
20023
20024
20025
20026
20027
20028
20029
20030
20031
20032
20033
20034
20035
20036
20037
20038
20039
20040
20041
20042
20043
20044
20045
20046
20047
20048
20049
20050
20051
20052
20053
20054
20055
20056
20057
20058
20059
20060
20061
20062
20063
20064
20065
20066
20067
20068
20069
20070
20071
20072
20073
20074
20075
20076
20077
20078
20079
20080
20081
20082
20083
20084
20085
20086
20087
20088
20089
20090
20091
20092
20093
20094
20095
20096
20097
20098
20099
20100
20101
20102
20103
20104
20105
20106
20107
20108
20109
20110
20111
20112
20113
20114
20115
20116
20117
20118
20119
20120
20121
20122
20123
20124
20125
20126
20127
20128
20129
20130
20131
20132
20133
20134
20135
20136
20137
20138
20139
20140
20141
20142
20143
20144
20145
20146
20147
20148
20149
20150
20151
20152
20153
20154
20155
20156
20157
20158
20159
20160
20161
20162
20163
20164
20165
20166
20167
20168
20169
20170
20171
20172
20173
20174
20175
20176
20177
20178
20179
20180
20181
20182
20183
20184
20185
20186
20187
20188
20189
20190
20191
20192
20193
20194
20195
20196
20197
20198
20199
20200
20201
20202
20203
20204
20205
20206
20207
20208
20209
20210
20211
20212
20213
20214
20215
20216
20217
20218
20219
20220
20221
20222
20223
20224
20225
20226
20227
20228
20229
20230
20231
20232
20233
20234
20235
20236
20237
20238
20239
20240
20241
20242
20243
20244
20245
20246
20247
20248
20249
20250
20251
20252
20253
20254
20255
20256
20257
20258
20259
20260
20261
20262
20263
20264
20265
20266
20267
20268
20269
20270
20271
20272
20273
20274
20275
20276
20277
20278
20279
20280
20281
20282
20283
20284
20285
20286
20287
20288
20289
20290
20291
20292
20293
20294
20295
20296
20297
20298
20299
20300
20301
20302
20303
20304
20305
20306
20307
20308
20309
20310
20311
20312
20313
20314
20315
20316
20317
20318
20319
20320
20321
20322
20323
20324
20325
20326
20327
20328
20329
20330
20331
20332
20333
20334
20335
20336
20337
20338
20339
20340
20341
20342
20343
20344
20345
20346
20347
20348
20349
20350
20351
20352
20353
20354
20355
20356
20357
20358
20359
20360
20361
20362
20363
20364
20365
20366
20367
20368
20369
20370
20371
20372
20373
20374
20375
20376
20377
20378
20379
20380
20381
20382
20383
20384
20385
20386
20387
20388
20389
20390
20391
20392
20393
20394
20395
20396
20397
20398
20399
20400
20401
20402
20403
20404
20405
20406
20407
20408
20409
20410
20411
20412
20413
20414
20415
20416
20417
20418
20419
20420
20421
20422
20423
20424
20425
20426
20427
20428
20429
20430
20431
20432
20433
20434
20435
20436
20437
20438
20439
20440
20441
20442
20443
20444
20445
20446
20447
20448
20449
20450
20451
20452
20453
20454
20455
20456
20457
20458
20459
20460
20461
20462
20463
20464
20465
20466
20467
20468
20469
20470
20471
20472
20473
20474
20475
20476
20477
20478
20479
20480
20481
20482
20483
20484
20485
20486
20487
20488
20489
20490
20491
20492
20493
20494
20495
20496
20497
20498
20499
20500
20501
20502
20503
20504
20505
20506
20507
20508
20509
20510
20511
20512
20513
20514
20515
20516
20517
20518
20519
20520
20521
20522
20523
20524
20525
20526
20527
20528
20529
20530
20531
20532
20533
20534
20535
20536
20537
20538
20539
20540
20541
20542
20543
20544
20545
20546
20547
20548
20549
20550
20551
20552
20553
20554
20555
20556
20557
20558
20559
20560
20561
20562
20563
20564
20565
20566
20567
20568
20569
20570
20571
20572
20573
20574
20575
20576
20577
20578
20579
20580
20581
20582
20583
20584
20585
20586
20587
20588
20589
20590
20591
20592
20593
20594
20595
20596
20597
20598
20599
20600
20601
20602
20603
20604
20605
20606
20607
20608
20609
20610
20611
20612
20613
20614
20615
20616
20617
20618
20619
20620
20621
20622
20623
20624
20625
20626
20627
20628
20629
20630
20631
20632
20633
20634
20635
20636
20637
20638
20639
20640
20641
20642
20643
20644
20645
20646
20647
20648
20649
20650
20651
20652
20653
20654
20655
20656
20657
20658
20659
20660
20661
20662
20663
20664
20665
20666
20667
20668
20669
20670
20671
20672
20673
20674
20675
20676
20677
20678
20679
20680
20681
20682
20683
20684
20685
20686
20687
20688
20689
20690
20691
20692
20693
20694
20695
20696
20697
20698
20699
20700
20701
20702
20703
20704
20705
20706
20707
20708
20709
20710
20711
20712
20713
20714
20715
20716
20717
20718
20719
20720
20721
20722
20723
20724
20725
20726
20727
20728
20729
20730
20731
20732
20733
20734
20735
20736
20737
20738
20739
20740
20741
20742
20743
20744
20745
20746
20747
20748
20749
20750
20751
20752
20753
20754
20755
20756
20757
20758
20759
20760
20761
20762
20763
20764
20765
20766
20767
20768
20769
20770
20771
20772
20773
20774
20775
20776
20777
20778
20779
20780
20781
20782
20783
20784
20785
20786
20787
20788
20789
20790
20791
20792
20793
20794
20795
20796
20797
20798
20799
20800
20801
20802
20803
20804
20805
20806
20807
20808
20809
20810
20811
20812
20813
20814
20815
20816
20817
20818
20819
20820
20821
20822
20823
20824
20825
20826
20827
20828
20829
20830
20831
20832
20833
20834
20835
20836
20837
20838
20839
20840
20841
20842
20843
20844
20845
20846
20847
20848
20849
20850
20851
20852
20853
20854
20855
20856
20857
20858
20859
20860
20861
20862
20863
20864
20865
20866
20867
20868
20869
20870
20871
20872
20873
20874
20875
20876
20877
20878
20879
20880
20881
20882
20883
20884
20885
20886
20887
20888
20889
20890
20891
20892
20893
20894
20895
20896
20897
20898
20899
20900
20901
20902
20903
20904
20905
20906
20907
20908
20909
20910
20911
20912
20913
20914
20915
20916
20917
20918
20919
20920
20921
20922
20923
20924
20925
20926
20927
20928
20929
20930
20931
20932
20933
20934
20935
20936
20937
20938
20939
20940
20941
20942
20943
20944
20945
20946
20947
20948
20949
20950
20951
20952
20953
20954
20955
20956
20957
20958
20959
20960
20961
20962
20963
20964
20965
20966
20967
20968
20969
20970
20971
20972
20973
20974
20975
20976
20977
20978
20979
20980
20981
20982
20983
20984
20985
20986
20987
20988
20989
20990
20991
20992
20993
20994
20995
20996
20997
20998
20999
21000
21001
21002
21003
21004
21005
21006
21007
21008
21009
21010
21011
21012
21013
21014
21015
21016
21017
21018
21019
21020
21021
21022
21023
21024
21025
21026
21027
21028
21029
21030
21031
21032
21033
21034
21035
21036
21037
21038
21039
21040
21041
21042
21043
21044
21045
21046
21047
21048
21049
21050
21051
21052
21053
21054
21055
21056
21057
21058
21059
21060
21061
21062
21063
21064
21065
21066
21067
21068
21069
21070
21071
21072
21073
21074
21075
21076
21077
21078
21079
21080
21081
21082
21083
21084
21085
21086
21087
21088
21089
21090
21091
21092
21093
21094
21095
21096
21097
21098
21099
21100
21101
21102
21103
21104
21105
21106
21107
21108
21109
21110
21111
21112
21113
21114
21115
21116
21117
21118
21119
21120
21121
21122
21123
21124
21125
21126
21127
21128
21129
21130
21131
21132
21133
21134
21135
21136
21137
21138
21139
21140
21141
21142
21143
21144
21145
21146
21147
21148
21149
21150
21151
21152
21153
21154
21155
21156
21157
21158
21159
21160
21161
21162
21163
21164
21165
21166
21167
21168
21169
21170
21171
21172
21173
21174
21175
21176
21177
21178
21179
21180
21181
21182
21183
21184
21185
21186
21187
21188
21189
21190
21191
21192
21193
21194
21195
21196
21197
21198
21199
21200
21201
21202
21203
21204
21205
21206
21207
21208
21209
21210
21211
21212
21213
21214
21215
21216
21217
21218
21219
21220
21221
21222
21223
21224
21225
21226
21227
21228
21229
21230
21231
21232
21233
21234
21235
21236
21237
21238
21239
21240
21241
21242
21243
21244
21245
21246
21247
21248
21249
21250
21251
21252
21253
21254
21255
21256
21257
21258
21259
21260
21261
21262
21263
21264
21265
21266
21267
21268
21269
21270
21271
21272
21273
21274
21275
21276
21277
21278
21279
21280
21281
21282
21283
21284
21285
21286
21287
21288
21289
21290
21291
21292
21293
21294
21295
21296
21297
21298
21299
21300
21301
21302
21303
21304
21305
21306
21307
21308
21309
21310
21311
21312
21313
21314
21315
21316
21317
21318
21319
21320
21321
21322
21323
21324
21325
21326
21327
21328
21329
21330
21331
21332
21333
21334
21335
21336
21337
21338
21339
21340
21341
21342
21343
21344
21345
21346
21347
21348
21349
21350
21351
21352
21353
21354
21355
21356
21357
21358
21359
21360
21361
21362
21363
21364
21365
21366
21367
21368
21369
21370
21371
21372
21373
21374
21375
21376
21377
21378
21379
21380
21381
21382
21383
21384
21385
21386
21387
21388
21389
21390
21391
21392
21393
21394
21395
21396
21397
21398
21399
21400
21401
21402
21403
21404
21405
21406
21407
21408
21409
21410
21411
21412
21413
21414
21415
21416
21417
21418
21419
21420
21421
21422
21423
21424
21425
21426
21427
21428
21429
21430
21431
21432
21433
21434
21435
21436
21437
21438
21439
21440
21441
21442
21443
21444
21445
21446
21447
21448
21449
21450
21451
21452
21453
21454
21455
21456
21457
21458
21459
21460
21461
21462
21463
21464
21465
21466
21467
21468
21469
21470
21471
21472
21473
21474
21475
21476
21477
21478
21479
21480
21481
21482
21483
21484
21485
21486
21487
21488
21489
21490
21491
21492
21493
21494
21495
21496
21497
21498
21499
21500
21501
21502
21503
21504
21505
21506
21507
21508
21509
21510
21511
21512
21513
21514
21515
21516
21517
21518
21519
21520
21521
21522
21523
21524
21525
21526
21527
21528
21529
21530
21531
21532
21533
21534
21535
21536
21537
21538
21539
21540
21541
21542
21543
21544
21545
21546
21547
21548
21549
21550
21551
21552
21553
21554
21555
21556
21557
21558
21559
21560
21561
21562
21563
21564
21565
21566
21567
21568
21569
21570
21571
21572
21573
21574
21575
21576
21577
21578
21579
21580
21581
21582
21583
21584
21585
21586
21587
21588
21589
21590
21591
21592
21593
21594
21595
21596
21597
21598
21599
21600
21601
21602
21603
21604
21605
21606
21607
21608
21609
21610
21611
21612
21613
21614
21615
21616
21617
21618
21619
21620
21621
21622
21623
21624
21625
21626
21627
21628
21629
21630
21631
21632
21633
21634
21635
21636
21637
21638
21639
21640
21641
21642
21643
21644
21645
21646
21647
21648
21649
21650
21651
21652
21653
21654
21655
21656
21657
21658
21659
21660
21661
21662
21663
21664
21665
21666
21667
21668
21669
21670
21671
21672
21673
21674
21675
21676
21677
21678
21679
21680
21681
21682
21683
21684
21685
21686
21687
21688
21689
21690
21691
21692
21693
21694
21695
21696
21697
21698
21699
21700
21701
21702
21703
21704
21705
21706
21707
21708
21709
21710
21711
21712
21713
21714
21715
21716
21717
21718
21719
21720
21721
21722
21723
21724
21725
21726
21727
21728
21729
21730
21731
21732
21733
21734
21735
21736
21737
21738
21739
21740
21741
21742
21743
21744
21745
21746
21747
21748
21749
21750
21751
21752
21753
21754
21755
21756
21757
21758
21759
21760
21761
21762
21763
21764
21765
21766
21767
21768
21769
21770
21771
21772
21773
21774
21775
21776
21777
21778
21779
21780
21781
21782
21783
21784
21785
21786
21787
21788
21789
21790
21791
21792
21793
21794
21795
21796
21797
21798
21799
21800
21801
21802
21803
21804
21805
21806
21807
21808
21809
21810
21811
21812
21813
21814
21815
21816
21817
21818
21819
21820
21821
21822
21823
21824
21825
21826
21827
21828
21829
21830
21831
21832
21833
21834
21835
21836
21837
21838
21839
21840
21841
21842
21843
21844
21845
21846
21847
21848
21849
21850
21851
21852
21853
21854
21855
21856
21857
21858
21859
21860
21861
21862
21863
21864
21865
21866
21867
21868
21869
21870
21871
21872
21873
21874
21875
21876
21877
21878
21879
21880
21881
21882
21883
21884
21885
21886
21887
21888
21889
21890
21891
21892
21893
21894
21895
21896
21897
21898
21899
21900
21901
21902
21903
21904
21905
21906
21907
21908
21909
21910
21911
21912
21913
21914
21915
21916
21917
21918
21919
21920
21921
21922
21923
21924
21925
21926
21927
21928
21929
21930
21931
21932
21933
21934
21935
21936
21937
21938
21939
21940
21941
21942
21943
21944
21945
21946
21947
21948
21949
21950
21951
21952
21953
21954
21955
21956
21957
21958
21959
21960
21961
21962
21963
21964
21965
21966
21967
21968
21969
21970
21971
21972
21973
21974
21975
21976
21977
21978
21979
21980
21981
21982
21983
21984
21985
21986
21987
21988
21989
21990
21991
21992
21993
21994
21995
21996
21997
21998
21999
22000
22001
22002
22003
22004
22005
22006
22007
22008
22009
22010
22011
22012
22013
22014
22015
22016
22017
22018
22019
22020
22021
22022
22023
22024
22025
22026
22027
22028
22029
22030
22031
22032
22033
22034
22035
22036
22037
22038
22039
22040
22041
22042
22043
22044
22045
22046
22047
22048
22049
22050
22051
22052
22053
22054
22055
22056
22057
22058
22059
22060
22061
22062
22063
22064
22065
22066
22067
22068
22069
22070
22071
22072
22073
22074
22075
22076
22077
22078
22079
22080
22081
22082
22083
22084
22085
22086
22087
22088
22089
22090
22091
22092
22093
22094
22095
22096
22097
22098
22099
22100
22101
22102
22103
22104
22105
22106
22107
22108
22109
22110
22111
22112
22113
22114
22115
22116
22117
22118
22119
22120
22121
22122
22123
22124
22125
22126
22127
22128
22129
22130
22131
22132
22133
22134
22135
22136
22137
22138
22139
22140
22141
22142
22143
22144
22145
22146
22147
22148
22149
22150
22151
22152
22153
22154
22155
22156
22157
22158
22159
22160
22161
22162
22163
22164
22165
22166
22167
22168
22169
22170
22171
22172
22173
22174
22175
22176
22177
22178
22179
22180
22181
22182
22183
22184
22185
22186
22187
22188
22189
22190
22191
22192
22193
22194
22195
22196
22197
22198
22199
22200
22201
22202
22203
22204
22205
22206
22207
22208
22209
22210
22211
22212
22213
22214
22215
22216
22217
22218
22219
22220
22221
22222
22223
22224
22225
22226
22227
22228
22229
22230
22231
22232
22233
22234
22235
22236
22237
22238
22239
22240
22241
22242
22243
22244
22245
22246
22247
22248
22249
22250
22251
22252
22253
22254
22255
22256
22257
22258
22259
22260
22261
22262
22263
22264
22265
22266
22267
22268
22269
22270
22271
22272
22273
22274
22275
22276
22277
22278
22279
22280
22281
22282
22283
22284
22285
22286
22287
22288
22289
22290
22291
22292
22293
22294
22295
22296
22297
22298
22299
22300
22301
22302
22303
22304
22305
22306
22307
22308
22309
22310
22311
22312
22313
22314
22315
22316
22317
22318
22319
22320
22321
22322
22323
22324
22325
22326
22327
22328
22329
22330
22331
22332
22333
22334
22335
22336
22337
22338
22339
22340
22341
22342
22343
22344
22345
22346
22347
22348
22349
22350
22351
22352
22353
22354
22355
22356
22357
22358
22359
22360
22361
22362
22363
22364
22365
22366
22367
22368
22369
22370
22371
22372
22373
22374
22375
22376
22377
22378
22379
22380
22381
22382
22383
22384
22385
22386
22387
22388
22389
22390
22391
22392
22393
22394
22395
22396
22397
22398
22399
22400
22401
22402
22403
22404
22405
22406
22407
22408
22409
22410
22411
22412
22413
22414
22415
22416
22417
22418
22419
22420
22421
22422
22423
22424
22425
22426
22427
22428
22429
22430
22431
22432
22433
22434
22435
22436
22437
22438
22439
22440
22441
22442
22443
22444
22445
22446
22447
22448
22449
22450
22451
22452
22453
22454
22455
22456
22457
22458
22459
22460
22461
22462
22463
22464
22465
22466
22467
22468
22469
22470
22471
22472
22473
22474
22475
22476
22477
22478
22479
22480
22481
22482
22483
22484
22485
22486
22487
22488
22489
22490
22491
22492
22493
22494
22495
22496
22497
22498
22499
22500
22501
22502
22503
22504
22505
22506
22507
22508
22509
22510
22511
22512
22513
22514
22515
22516
22517
22518
22519
22520
22521
22522
22523
22524
22525
22526
22527
22528
22529
22530
22531
22532
22533
22534
22535
22536
22537
22538
22539
22540
22541
22542
22543
22544
22545
22546
22547
22548
22549
22550
22551
22552
22553
22554
22555
22556
22557
22558
22559
22560
22561
22562
22563
22564
22565
22566
22567
22568
22569
22570
22571
22572
22573
22574
22575
22576
22577
22578
22579
22580
22581
22582
22583
22584
22585
22586
22587
22588
22589
22590
22591
22592
22593
22594
22595
22596
22597
22598
22599
22600
22601
22602
22603
22604
22605
22606
22607
22608
22609
22610
22611
22612
22613
22614
22615
22616
22617
22618
22619
22620
22621
22622
22623
22624
22625
22626
22627
22628
22629
22630
22631
22632
22633
22634
22635
22636
22637
22638
22639
22640
22641
22642
22643
22644
22645
22646
22647
22648
22649
22650
22651
22652
22653
22654
22655
22656
22657
22658
22659
22660
22661
22662
22663
22664
22665
22666
22667
22668
22669
22670
22671
22672
22673
22674
22675
22676
22677
22678
22679
22680
22681
22682
22683
22684
22685
22686
22687
22688
22689
22690
22691
22692
22693
22694
22695
22696
22697
22698
22699
22700
22701
22702
22703
22704
22705
22706
22707
22708
22709
22710
22711
22712
22713
22714
22715
22716
22717
22718
22719
22720
22721
22722
22723
22724
22725
22726
22727
22728
22729
22730
22731
22732
22733
22734
22735
22736
22737
22738
22739
22740
22741
22742
22743
22744
22745
22746
22747
22748
22749
22750
22751
22752
22753
22754
22755
22756
22757
22758
22759
22760
22761
22762
22763
22764
22765
22766
22767
22768
22769
22770
22771
22772
22773
22774
22775
22776
22777
22778
22779
22780
22781
22782
22783
22784
22785
22786
22787
22788
22789
22790
22791
22792
22793
22794
22795
22796
22797
22798
22799
22800
22801
22802
22803
22804
22805
22806
22807
22808
22809
22810
22811
22812
22813
22814
22815
22816
22817
22818
22819
22820
22821
22822
22823
22824
22825
22826
22827
22828
22829
22830
22831
22832
22833
22834
22835
22836
22837
22838
22839
22840
22841
22842
22843
22844
22845
22846
22847
22848
22849
22850
22851
22852
22853
22854
22855
22856
22857
22858
22859
22860
22861
22862
22863
22864
22865
22866
22867
22868
22869
22870
22871
22872
22873
22874
22875
22876
22877
22878
22879
22880
22881
22882
22883
22884
22885
22886
22887
22888
22889
22890
22891
22892
22893
22894
22895
22896
22897
22898
22899
22900
22901
22902
22903
22904
22905
22906
22907
22908
22909
22910
22911
22912
22913
22914
22915
22916
22917
22918
22919
22920
22921
22922
22923
22924
22925
22926
22927
22928
22929
22930
22931
22932
22933
22934
22935
22936
22937
22938
22939
22940
22941
22942
22943
22944
22945
22946
22947
22948
22949
22950
22951
22952
22953
22954
22955
22956
22957
22958
22959
22960
22961
22962
22963
22964
22965
22966
22967
22968
22969
22970
22971
22972
22973
22974
22975
22976
22977
22978
22979
22980
22981
22982
22983
22984
22985
22986
22987
22988
22989
22990
22991
22992
22993
22994
22995
22996
22997
22998
22999
23000
23001
23002
23003
23004
23005
23006
23007
23008
23009
23010
23011
23012
23013
23014
23015
23016
23017
23018
23019
23020
23021
23022
23023
23024
23025
23026
23027
23028
23029
23030
23031
23032
23033
23034
23035
23036
23037
23038
23039
23040
23041
23042
23043
23044
23045
23046
23047
23048
23049
23050
23051
23052
23053
23054
23055
23056
23057
23058
23059
23060
23061
23062
23063
23064
23065
23066
23067
23068
23069
23070
23071
23072
23073
23074
23075
23076
23077
23078
23079
23080
23081
23082
23083
23084
23085
23086
23087
23088
23089
23090
23091
23092
23093
23094
23095
23096
23097
23098
23099
23100
23101
23102
23103
23104
23105
23106
23107
23108
23109
23110
23111
23112
23113
23114
23115
23116
23117
23118
23119
23120
23121
23122
23123
23124
23125
23126
23127
23128
23129
23130
23131
23132
23133
23134
23135
23136
23137
23138
23139
23140
23141
23142
23143
23144
23145
23146
23147
23148
23149
23150
23151
23152
23153
23154
23155
23156
23157
23158
23159
23160
23161
23162
23163
23164
23165
23166
23167
23168
23169
23170
23171
23172
23173
23174
23175
23176
23177
23178
23179
23180
23181
23182
23183
23184
23185
23186
23187
23188
23189
23190
23191
23192
23193
23194
23195
23196
23197
23198
23199
23200
23201
23202
23203
23204
23205
23206
23207
23208
23209
23210
23211
23212
23213
23214
23215
23216
23217
23218
23219
23220
23221
23222
23223
23224
23225
23226
23227
23228
23229
23230
23231
23232
23233
23234
23235
23236
23237
23238
23239
23240
23241
23242
23243
23244
23245
23246
23247
23248
23249
23250
23251
23252
23253
23254
23255
23256
23257
23258
23259
23260
23261
23262
23263
23264
23265
23266
23267
23268
23269
23270
23271
23272
23273
23274
23275
23276
23277
23278
23279
23280
23281
23282
23283
23284
23285
23286
23287
23288
23289
23290
23291
23292
23293
23294
23295
23296
23297
23298
23299
23300
23301
23302
23303
23304
23305
23306
23307
23308
23309
23310
23311
23312
23313
23314
23315
23316
23317
23318
23319
23320
23321
23322
23323
23324
23325
23326
23327
23328
23329
23330
23331
23332
23333
23334
23335
23336
23337
23338
23339
23340
23341
23342
23343
23344
23345
23346
23347
23348
23349
23350
23351
23352
23353
23354
23355
23356
23357
23358
23359
23360
23361
23362
23363
23364
23365
23366
23367
23368
23369
23370
23371
23372
23373
23374
23375
23376
23377
23378
23379
23380
23381
23382
23383
23384
23385
23386
23387
23388
23389
23390
23391
23392
23393
23394
23395
23396
23397
23398
23399
23400
23401
23402
23403
23404
23405
23406
23407
23408
23409
23410
23411
23412
23413
23414
23415
23416
23417
23418
23419
23420
23421
23422
23423
23424
23425
23426
23427
23428
23429
23430
23431
23432
23433
23434
23435
23436
23437
23438
23439
23440
23441
23442
23443
23444
23445
23446
23447
23448
23449
23450
23451
23452
23453
23454
23455
23456
23457
23458
23459
23460
23461
23462
23463
23464
23465
23466
23467
23468
23469
23470
23471
23472
23473
23474
23475
23476
23477
23478
23479
23480
23481
23482
23483
23484
23485
23486
23487
23488
23489
23490
23491
23492
23493
23494
23495
23496
23497
23498
23499
23500
23501
23502
23503
23504
23505
23506
23507
23508
23509
23510
23511
23512
23513
23514
23515
23516
23517
23518
23519
23520
23521
23522
23523
23524
23525
23526
23527
23528
23529
23530
23531
23532
23533
23534
23535
23536
23537
23538
23539
23540
23541
23542
23543
23544
23545
23546
23547
23548
23549
23550
23551
23552
23553
23554
23555
23556
23557
23558
23559
23560
23561
23562
23563
23564
23565
23566
23567
23568
23569
23570
23571
23572
23573
23574
23575
23576
23577
23578
23579
23580
23581
23582
23583
23584
23585
23586
23587
23588
23589
23590
23591
23592
23593
23594
23595
23596
23597
23598
23599
23600
23601
23602
23603
23604
23605
23606
23607
23608
23609
23610
23611
23612
23613
23614
23615
23616
23617
23618
23619
23620
23621
23622
23623
23624
23625
23626
23627
23628
23629
23630
23631
23632
23633
23634
23635
23636
23637
23638
23639
23640
23641
23642
23643
23644
23645
23646
23647
23648
23649
23650
23651
23652
23653
23654
23655
23656
23657
23658
23659
23660
23661
23662
23663
23664
23665
23666
23667
23668
23669
23670
23671
23672
23673
23674
23675
23676
23677
23678
23679
23680
23681
23682
23683
23684
23685
23686
23687
23688
23689
23690
23691
23692
23693
23694
23695
23696
23697
23698
23699
23700
23701
23702
23703
23704
23705
23706
23707
23708
23709
23710
23711
23712
23713
23714
23715
23716
23717
23718
23719
23720
23721
23722
23723
23724
23725
23726
23727
23728
23729
23730
23731
23732
23733
23734
23735
23736
23737
23738
23739
23740
23741
23742
23743
23744
23745
23746
23747
23748
23749
23750
23751
23752
23753
23754
23755
23756
23757
23758
23759
23760
23761
23762
23763
23764
23765
23766
23767
23768
23769
23770
23771
23772
23773
23774
23775
23776
23777
23778
23779
23780
23781
23782
23783
23784
23785
23786
23787
23788
23789
23790
23791
23792
23793
23794
23795
23796
23797
23798
23799
23800
23801
23802
23803
23804
23805
23806
23807
23808
23809
23810
23811
23812
23813
23814
23815
23816
23817
23818
23819
23820
23821
23822
23823
23824
23825
23826
23827
23828
23829
23830
23831
23832
23833
23834
23835
23836
23837
23838
23839
23840
23841
23842
23843
23844
23845
23846
23847
23848
23849
23850
23851
23852
23853
23854
23855
23856
23857
23858
23859
23860
23861
23862
23863
23864
23865
23866
23867
23868
23869
23870
23871
23872
23873
23874
23875
23876
23877
23878
23879
23880
23881
23882
23883
23884
23885
23886
23887
23888
23889
23890
23891
23892
23893
23894
23895
23896
23897
23898
23899
23900
23901
23902
23903
23904
23905
23906
23907
23908
23909
23910
23911
23912
23913
23914
23915
23916
23917
23918
23919
23920
23921
23922
23923
23924
23925
23926
23927
23928
23929
23930
23931
23932
23933
23934
23935
23936
23937
23938
23939
23940
23941
23942
23943
23944
23945
23946
23947
23948
23949
23950
23951
23952
23953
23954
23955
23956
23957
23958
23959
23960
23961
23962
23963
23964
23965
23966
23967
23968
23969
23970
23971
23972
23973
23974
23975
23976
23977
23978
23979
23980
23981
23982
23983
23984
23985
23986
23987
23988
23989
23990
23991
23992
23993
23994
23995
23996
23997
23998
23999
24000
24001
24002
24003
24004
24005
24006
24007
24008
24009
24010
24011
24012
24013
24014
24015
24016
24017
24018
24019
24020
24021
24022
24023
24024
24025
24026
24027
24028
24029
24030
24031
24032
24033
24034
24035
24036
24037
24038
24039
24040
24041
24042
24043
24044
24045
24046
24047
24048
24049
24050
24051
24052
24053
24054
24055
24056
24057
24058
24059
24060
24061
24062
24063
24064
24065
24066
24067
24068
24069
24070
24071
24072
24073
24074
24075
24076
24077
24078
24079
24080
24081
24082
24083
24084
24085
24086
24087
24088
24089
24090
24091
24092
24093
24094
24095
24096
24097
24098
24099
24100
24101
24102
24103
24104
24105
24106
24107
24108
24109
24110
24111
24112
24113
24114
24115
24116
24117
24118
24119
24120
24121
24122
24123
24124
24125
24126
24127
24128
24129
24130
24131
24132
24133
24134
24135
24136
24137
24138
24139
24140
24141
24142
24143
24144
24145
24146
24147
24148
24149
24150
24151
24152
24153
24154
24155
24156
24157
24158
24159
24160
24161
24162
24163
24164
24165
24166
24167
24168
24169
24170
24171
24172
24173
24174
24175
24176
24177
24178
24179
24180
24181
24182
24183
24184
24185
24186
24187
24188
24189
24190
24191
24192
24193
24194
24195
24196
24197
24198
24199
24200
24201
24202
24203
24204
24205
24206
24207
24208
24209
24210
24211
24212
24213
24214
24215
24216
24217
24218
24219
24220
24221
24222
24223
24224
24225
24226
24227
24228
24229
24230
24231
24232
24233
24234
24235
24236
24237
24238
24239
24240
24241
24242
24243
24244
24245
24246
24247
24248
24249
24250
24251
24252
24253
24254
24255
24256
24257
24258
24259
24260
24261
24262
24263
24264
24265
24266
24267
24268
24269
24270
24271
24272
24273
24274
24275
24276
24277
24278
24279
24280
24281
24282
24283
24284
24285
24286
24287
24288
24289
24290
24291
24292
24293
24294
24295
24296
24297
24298
24299
24300
24301
24302
24303
24304
24305
24306
24307
24308
24309
24310
24311
24312
24313
24314
24315
24316
24317
24318
24319
24320
24321
24322
24323
24324
24325
24326
24327
24328
24329
24330
24331
24332
24333
24334
24335
24336
24337
24338
24339
24340
24341
24342
24343
24344
24345
24346
24347
24348
24349
24350
24351
24352
24353
24354
24355
24356
24357
24358
24359
24360
24361
24362
24363
24364
24365
24366
24367
24368
24369
24370
24371
24372
24373
24374
24375
24376
24377
24378
24379
24380
24381
24382
24383
24384
24385
24386
24387
24388
24389
24390
24391
24392
24393
24394
24395
24396
24397
24398
24399
24400
24401
24402
24403
24404
24405
24406
24407
24408
24409
24410
24411
24412
24413
24414
24415
24416
24417
24418
24419
24420
24421
24422
24423
24424
24425
24426
24427
24428
24429
24430
24431
24432
24433
24434
24435
24436
24437
24438
24439
24440
24441
24442
24443
24444
24445
24446
24447
24448
24449
24450
24451
24452
24453
24454
24455
24456
24457
24458
24459
24460
24461
24462
24463
24464
24465
24466
24467
24468
24469
24470
24471
24472
24473
24474
24475
24476
24477
24478
24479
24480
24481
24482
24483
24484
24485
24486
24487
24488
24489
24490
24491
24492
24493
24494
24495
24496
24497
24498
24499
24500
24501
24502
24503
24504
24505
24506
24507
24508
24509
24510
24511
24512
24513
24514
24515
24516
24517
24518
24519
24520
24521
24522
24523
24524
24525
24526
24527
24528
24529
24530
24531
24532
24533
24534
24535
24536
24537
24538
24539
24540
24541
24542
24543
24544
24545
24546
24547
24548
24549
24550
24551
24552
24553
24554
24555
24556
24557
24558
24559
24560
24561
24562
24563
24564
24565
24566
24567
24568
24569
24570
24571
24572
24573
24574
24575
24576
24577
24578
24579
24580
24581
24582
24583
24584
24585
24586
24587
24588
24589
24590
24591
24592
24593
24594
24595
24596
24597
24598
24599
24600
24601
24602
24603
24604
24605
24606
24607
24608
24609
24610
24611
24612
24613
24614
24615
24616
24617
24618
24619
24620
24621
24622
24623
24624
24625
24626
24627
24628
24629
24630
24631
24632
24633
24634
24635
24636
24637
24638
24639
24640
24641
24642
24643
24644
24645
24646
24647
24648
24649
24650
24651
24652
24653
24654
24655
24656
24657
24658
24659
24660
24661
24662
24663
24664
24665
24666
24667
24668
24669
24670
24671
24672
24673
24674
24675
24676
24677
24678
24679
24680
24681
24682
24683
24684
24685
24686
24687
24688
24689
24690
24691
24692
24693
24694
24695
24696
24697
24698
24699
24700
24701
24702
24703
24704
24705
24706
24707
24708
24709
24710
24711
24712
24713
24714
24715
24716
24717
24718
24719
24720
24721
24722
24723
24724
24725
24726
24727
24728
24729
24730
24731
24732
24733
24734
24735
24736
24737
24738
24739
24740
24741
24742
24743
24744
24745
24746
24747
24748
24749
24750
24751
24752
24753
24754
24755
24756
24757
24758
24759
24760
24761
24762
24763
24764
24765
24766
24767
24768
24769
24770
24771
24772
24773
24774
24775
24776
24777
24778
24779
24780
24781
24782
24783
24784
24785
24786
24787
24788
24789
24790
24791
24792
24793
24794
24795
24796
24797
24798
24799
24800
24801
24802
24803
24804
24805
24806
24807
24808
24809
24810
24811
24812
24813
24814
24815
24816
24817
24818
24819
24820
24821
24822
24823
24824
24825
24826
24827
24828
24829
24830
24831
24832
24833
24834
24835
24836
24837
24838
24839
24840
24841
24842
24843
24844
24845
24846
24847
24848
24849
24850
24851
24852
24853
24854
24855
24856
24857
24858
24859
24860
24861
24862
24863
24864
24865
24866
24867
24868
24869
24870
24871
24872
24873
24874
24875
24876
24877
24878
24879
24880
24881
24882
24883
24884
24885
24886
24887
24888
24889
24890
24891
24892
24893
24894
24895
24896
24897
24898
24899
24900
24901
24902
24903
24904
24905
24906
24907
24908
24909
24910
24911
24912
24913
24914
24915
24916
24917
24918
24919
24920
24921
24922
24923
24924
24925
24926
24927
24928
24929
24930
24931
24932
24933
24934
24935
24936
24937
24938
24939
24940
24941
24942
24943
24944
24945
24946
24947
24948
24949
24950
24951
24952
24953
24954
24955
24956
24957
24958
24959
24960
24961
24962
24963
24964
24965
24966
24967
24968
24969
24970
24971
24972
24973
24974
24975
24976
24977
24978
24979
24980
24981
24982
24983
24984
24985
24986
24987
24988
24989
24990
24991
24992
24993
24994
24995
24996
24997
24998
24999
25000
25001
25002
25003
25004
25005
25006
25007
25008
25009
25010
25011
25012
25013
25014
25015
25016
25017
25018
25019
25020
25021
25022
25023
25024
25025
25026
25027
25028
25029
25030
25031
25032
25033
25034
25035
25036
25037
25038
25039
25040
25041
25042
25043
25044
25045
25046
25047
25048
25049
25050
25051
25052
25053
25054
25055
25056
25057
25058
25059
25060
25061
25062
25063
25064
25065
25066
25067
25068
25069
25070
25071
25072
25073
25074
25075
25076
25077
25078
25079
25080
25081
25082
25083
25084
25085
25086
25087
25088
25089
25090
25091
25092
25093
25094
25095
25096
25097
25098
25099
25100
25101
25102
25103
25104
25105
25106
25107
25108
25109
25110
25111
25112
25113
25114
25115
25116
25117
25118
25119
25120
25121
25122
25123
25124
25125
25126
25127
25128
25129
25130
25131
25132
25133
25134
25135
25136
25137
25138
25139
25140
25141
25142
25143
25144
25145
25146
25147
25148
25149
25150
25151
25152
25153
25154
25155
25156
25157
25158
25159
25160
25161
25162
25163
25164
25165
25166
25167
25168
25169
25170
25171
25172
25173
25174
25175
25176
25177
25178
25179
25180
25181
25182
25183
25184
25185
25186
25187
25188
25189
25190
25191
25192
25193
25194
25195
25196
25197
25198
25199
25200
25201
25202
25203
25204
25205
25206
25207
25208
25209
25210
25211
25212
25213
25214
25215
25216
25217
25218
25219
25220
25221
25222
25223
25224
25225
25226
25227
25228
25229
25230
25231
25232
25233
25234
25235
25236
25237
25238
25239
25240
25241
25242
25243
25244
25245
25246
25247
25248
25249
25250
25251
25252
25253
25254
25255
25256
25257
25258
25259
25260
25261
25262
25263
25264
25265
25266
25267
25268
25269
25270
25271
25272
25273
25274
25275
25276
25277
25278
25279
25280
25281
25282
25283
25284
25285
25286
25287
25288
25289
25290
25291
25292
25293
25294
25295
25296
25297
25298
25299
25300
25301
25302
25303
25304
25305
25306
25307
25308
25309
25310
25311
25312
25313
25314
25315
25316
25317
25318
25319
25320
25321
25322
25323
25324
25325
25326
25327
25328
25329
25330
25331
25332
25333
25334
25335
25336
25337
25338
25339
25340
25341
25342
25343
25344
25345
25346
25347
25348
25349
25350
25351
25352
25353
25354
25355
25356
25357
25358
25359
25360
25361
25362
25363
25364
25365
25366
25367
25368
25369
25370
25371
25372
25373
25374
25375
25376
25377
25378
25379
25380
25381
25382
25383
25384
25385
25386
25387
25388
25389
25390
25391
25392
25393
25394
25395
25396
25397
25398
25399
25400
25401
25402
25403
25404
25405
25406
25407
25408
25409
25410
25411
25412
25413
25414
25415
25416
25417
25418
25419
25420
25421
25422
25423
25424
25425
25426
25427
25428
25429
25430
25431
25432
25433
25434
25435
25436
25437
25438
25439
25440
25441
25442
25443
25444
25445
25446
25447
25448
25449
25450
25451
25452
25453
25454
25455
25456
25457
25458
25459
25460
25461
25462
25463
25464
25465
25466
25467
25468
25469
25470
25471
25472
25473
25474
25475
25476
25477
25478
25479
25480
25481
25482
25483
25484
25485
25486
25487
25488
25489
25490
25491
25492
25493
25494
25495
25496
25497
25498
25499
25500
25501
25502
25503
25504
25505
25506
25507
25508
25509
25510
25511
25512
25513
25514
25515
25516
25517
25518
25519
25520
25521
25522
25523
25524
25525
25526
25527
25528
25529
25530
25531
25532
25533
25534
25535
25536
25537
25538
25539
25540
25541
25542
25543
25544
25545
25546
25547
25548
25549
25550
25551
25552
25553
25554
25555
25556
25557
25558
25559
25560
25561
25562
25563
25564
25565
25566
25567
25568
25569
25570
25571
25572
25573
25574
25575
25576
25577
25578
25579
25580
25581
25582
25583
25584
25585
25586
25587
25588
25589
25590
25591
25592
25593
25594
25595
25596
25597
25598
25599
25600
25601
25602
25603
25604
25605
25606
25607
25608
25609
25610
25611
25612
25613
25614
25615
25616
25617
25618
25619
25620
25621
25622
25623
25624
25625
25626
25627
25628
25629
25630
25631
25632
25633
25634
25635
25636
25637
25638
25639
25640
25641
25642
25643
25644
25645
25646
25647
25648
25649
25650
25651
25652
25653
25654
25655
25656
25657
25658
25659
25660
25661
25662
25663
25664
25665
25666
25667
25668
25669
25670
25671
25672
25673
25674
25675
25676
25677
25678
25679
25680
25681
25682
25683
25684
25685
25686
25687
25688
25689
25690
25691
25692
25693
25694
25695
25696
25697
25698
25699
25700
25701
25702
25703
25704
25705
25706
25707
25708
25709
25710
25711
25712
25713
25714
25715
25716
25717
25718
25719
25720
25721
25722
25723
25724
25725
25726
25727
25728
25729
25730
25731
25732
25733
25734
25735
25736
25737
25738
25739
25740
25741
25742
25743
25744
25745
25746
25747
25748
25749
25750
25751
25752
25753
25754
25755
25756
25757
25758
25759
25760
25761
25762
25763
25764
25765
25766
25767
25768
25769
25770
25771
25772
25773
25774
25775
25776
25777
25778
25779
25780
25781
25782
25783
25784
25785
25786
25787
25788
25789
25790
25791
25792
25793
25794
25795
25796
25797
25798
25799
25800
25801
25802
25803
25804
25805
25806
25807
25808
25809
25810
25811
25812
25813
25814
25815
25816
25817
25818
25819
25820
25821
25822
25823
25824
25825
25826
25827
25828
25829
25830
25831
25832
25833
25834
25835
25836
25837
25838
25839
25840
25841
25842
25843
25844
25845
25846
25847
25848
25849
25850
25851
25852
25853
25854
25855
25856
25857
25858
25859
25860
25861
25862
25863
25864
25865
25866
25867
25868
25869
25870
25871
25872
25873
25874
25875
25876
25877
25878
25879
25880
25881
25882
25883
25884
25885
25886
25887
25888
25889
25890
25891
25892
25893
25894
25895
25896
25897
25898
25899
25900
25901
25902
25903
25904
25905
25906
25907
25908
25909
25910
25911
25912
25913
25914
25915
25916
25917
25918
25919
25920
25921
25922
25923
25924
25925
25926
25927
25928
25929
25930
25931
25932
25933
25934
25935
25936
25937
25938
25939
25940
25941
25942
25943
25944
25945
25946
25947
25948
25949
25950
25951
25952
25953
25954
25955
25956
25957
25958
25959
25960
25961
25962
25963
25964
25965
25966
25967
25968
25969
25970
25971
25972
25973
25974
25975
25976
25977
25978
25979
25980
25981
25982
25983
25984
25985
25986
25987
25988
25989
25990
25991
25992
25993
25994
25995
25996
25997
25998
25999
26000
26001
26002
26003
26004
26005
26006
26007
26008
26009
26010
26011
26012
26013
26014
26015
26016
26017
26018
26019
26020
26021
26022
26023
26024
26025
26026
26027
26028
26029
26030
26031
26032
26033
26034
26035
26036
26037
26038
26039
26040
26041
26042
26043
26044
26045
26046
26047
26048
26049
26050
26051
26052
26053
26054
26055
26056
26057
26058
26059
26060
26061
26062
26063
26064
26065
26066
26067
26068
26069
26070
26071
26072
26073
26074
26075
26076
26077
26078
26079
26080
26081
26082
26083
26084
26085
26086
26087
26088
26089
26090
26091
26092
26093
26094
26095
26096
26097
26098
26099
26100
26101
26102
26103
26104
26105
26106
26107
26108
26109
26110
26111
26112
26113
26114
26115
26116
26117
26118
26119
26120
26121
26122
26123
26124
26125
26126
26127
26128
26129
26130
26131
26132
26133
26134
26135
26136
26137
26138
26139
26140
26141
26142
26143
26144
26145
26146
26147
26148
26149
26150
26151
26152
26153
26154
26155
26156
26157
26158
26159
26160
26161
26162
26163
26164
26165
26166
26167
26168
26169
26170
26171
26172
26173
26174
26175
26176
26177
26178
26179
26180
26181
26182
26183
26184
26185
26186
26187
26188
26189
26190
26191
26192
26193
26194
26195
26196
26197
26198
26199
26200
26201
26202
26203
26204
26205
26206
26207
26208
26209
26210
26211
26212
26213
26214
26215
26216
26217
26218
26219
26220
26221
26222
26223
26224
26225
26226
26227
26228
26229
26230
26231
26232
26233
26234
26235
26236
26237
26238
26239
26240
26241
26242
26243
26244
26245
26246
26247
26248
26249
26250
26251
26252
26253
26254
26255
26256
26257
26258
26259
26260
26261
26262
26263
26264
26265
26266
26267
26268
26269
26270
26271
26272
26273
26274
26275
26276
26277
26278
26279
26280
26281
26282
26283
26284
26285
26286
26287
26288
26289
26290
26291
26292
26293
26294
26295
26296
26297
26298
26299
26300
26301
26302
26303
26304
26305
26306
26307
26308
26309
26310
26311
26312
26313
26314
26315
26316
26317
26318
26319
26320
26321
26322
26323
26324
26325
26326
26327
26328
26329
26330
26331
26332
26333
26334
26335
26336
26337
26338
26339
26340
26341
26342
26343
26344
26345
26346
26347
26348
26349
26350
26351
26352
26353
26354
26355
26356
26357
26358
26359
26360
26361
26362
26363
26364
26365
26366
26367
26368
26369
26370
26371
26372
26373
26374
26375
26376
26377
26378
26379
26380
26381
26382
26383
26384
26385
26386
26387
26388
26389
26390
26391
26392
26393
26394
26395
26396
26397
26398
26399
26400
26401
26402
26403
26404
26405
26406
26407
26408
26409
26410
26411
26412
26413
26414
26415
26416
26417
26418
26419
26420
26421
26422
26423
26424
26425
26426
26427
26428
26429
26430
26431
26432
26433
26434
26435
26436
26437
26438
26439
26440
26441
26442
26443
26444
26445
26446
26447
26448
26449
26450
26451
26452
26453
26454
26455
26456
26457
26458
26459
26460
26461
26462
26463
26464
26465
26466
26467
26468
26469
26470
26471
26472
26473
26474
26475
26476
26477
26478
26479
26480
26481
26482
26483
26484
26485
26486
26487
26488
26489
26490
26491
26492
26493
26494
26495
26496
26497
26498
26499
26500
26501
26502
26503
26504
26505
26506
26507
26508
26509
26510
26511
26512
26513
26514
26515
26516
26517
26518
26519
26520
26521
26522
26523
26524
26525
26526
26527
26528
26529
26530
26531
26532
26533
26534
26535
26536
26537
26538
26539
26540
26541
26542
26543
26544
26545
26546
26547
26548
26549
26550
26551
26552
26553
26554
26555
26556
26557
26558
26559
26560
26561
26562
26563
26564
26565
26566
26567
26568
26569
26570
26571
26572
26573
26574
26575
26576
26577
26578
26579
26580
26581
26582
26583
26584
26585
26586
26587
26588
26589
26590
26591
26592
26593
26594
26595
26596
26597
26598
26599
26600
26601
26602
26603
26604
26605
26606
26607
26608
26609
26610
26611
26612
26613
26614
26615
26616
26617
26618
26619
26620
26621
26622
26623
26624
26625
26626
26627
26628
26629
26630
26631
26632
26633
26634
26635
26636
26637
26638
26639
26640
26641
26642
26643
26644
26645
26646
26647
26648
26649
26650
26651
26652
26653
26654
26655
26656
26657
26658
26659
26660
26661
26662
26663
26664
26665
26666
26667
26668
26669
26670
26671
26672
26673
26674
26675
26676
26677
26678
26679
26680
26681
26682
26683
26684
26685
26686
26687
26688
26689
26690
26691
26692
26693
26694
26695
26696
26697
26698
26699
26700
26701
26702
26703
26704
26705
26706
26707
26708
26709
26710
26711
26712
26713
26714
26715
26716
26717
26718
26719
26720
26721
26722
26723
26724
26725
26726
26727
26728
26729
26730
26731
26732
26733
26734
26735
26736
26737
26738
26739
26740
26741
26742
26743
26744
26745
26746
26747
26748
26749
26750
26751
26752
26753
26754
26755
26756
26757
26758
26759
26760
26761
26762
26763
26764
26765
26766
26767
26768
26769
26770
26771
26772
26773
26774
26775
26776
26777
26778
26779
26780
26781
26782
26783
26784
26785
26786
26787
26788
26789
26790
26791
26792
26793
26794
26795
26796
26797
26798
26799
26800
26801
26802
26803
26804
26805
26806
26807
26808
26809
26810
26811
26812
26813
26814
26815
26816
26817
26818
26819
26820
26821
26822
26823
26824
26825
26826
26827
26828
26829
26830
26831
26832
26833
26834
26835
26836
26837
26838
26839
26840
26841
26842
26843
26844
26845
26846
26847
26848
26849
26850
26851
26852
26853
26854
26855
26856
26857
26858
26859
26860
26861
26862
26863
26864
26865
26866
26867
26868
26869
26870
26871
26872
26873
26874
26875
26876
26877
26878
26879
26880
26881
26882
26883
26884
26885
26886
26887
26888
26889
26890
26891
26892
26893
26894
26895
26896
26897
26898
26899
26900
26901
26902
26903
26904
26905
26906
26907
26908
26909
26910
26911
26912
26913
26914
26915
26916
26917
26918
26919
26920
26921
26922
26923
26924
26925
26926
26927
26928
26929
26930
26931
26932
26933
26934
26935
26936
26937
26938
26939
26940
26941
26942
26943
26944
26945
26946
26947
26948
26949
26950
26951
26952
26953
26954
26955
26956
26957
26958
26959
26960
26961
26962
26963
26964
26965
26966
26967
26968
26969
26970
26971
26972
26973
26974
26975
26976
26977
26978
26979
26980
26981
26982
26983
26984
26985
26986
26987
26988
26989
26990
26991
26992
26993
26994
26995
26996
26997
26998
26999
27000
27001
27002
27003
27004
27005
27006
27007
27008
27009
27010
27011
27012
27013
27014
27015
27016
27017
27018
27019
27020
27021
27022
27023
27024
27025
27026
27027
27028
27029
27030
27031
27032
27033
27034
27035
27036
27037
27038
27039
27040
27041
27042
27043
27044
27045
27046
27047
27048
27049
27050
27051
27052
27053
27054
27055
27056
27057
27058
27059
27060
27061
27062
27063
27064
27065
27066
27067
27068
27069
27070
27071
27072
27073
27074
27075
27076
27077
27078
27079
27080
27081
27082
27083
27084
27085
27086
27087
27088
27089
27090
27091
27092
27093
27094
27095
27096
27097
27098
27099
27100
27101
27102
27103
27104
27105
27106
27107
27108
27109
27110
27111
27112
27113
27114
27115
27116
27117
27118
27119
27120
27121
27122
27123
27124
27125
27126
27127
27128
27129
27130
27131
27132
27133
27134
27135
27136
27137
27138
27139
27140
27141
27142
27143
27144
27145
27146
27147
27148
27149
27150
27151
27152
27153
27154
27155
27156
27157
27158
27159
27160
27161
27162
27163
27164
27165
27166
27167
27168
27169
27170
27171
27172
27173
27174
27175
27176
27177
27178
27179
27180
27181
27182
27183
27184
27185
27186
27187
27188
27189
27190
27191
27192
27193
27194
27195
27196
27197
27198
27199
27200
27201
27202
27203
27204
27205
27206
27207
27208
27209
27210
27211
27212
27213
27214
27215
27216
27217
27218
27219
27220
27221
27222
27223
27224
27225
27226
27227
27228
27229
27230
27231
27232
27233
27234
27235
27236
27237
27238
27239
27240
27241
27242
27243
27244
27245
27246
27247
27248
27249
27250
27251
27252
27253
27254
27255
27256
27257
27258
27259
27260
27261
27262
27263
27264
27265
27266
27267
27268
27269
27270
27271
27272
27273
27274
27275
27276
27277
27278
27279
27280
27281
27282
27283
27284
27285
27286
27287
27288
27289
27290
27291
27292
27293
27294
27295
27296
27297
27298
27299
27300
27301
27302
27303
27304
27305
27306
27307
27308
27309
27310
27311
27312
27313
27314
27315
27316
27317
27318
27319
27320
27321
27322
27323
27324
27325
27326
27327
27328
27329
27330
27331
27332
27333
27334
27335
27336
27337
27338
27339
27340
27341
27342
27343
27344
27345
27346
27347
27348
27349
27350
27351
27352
27353
27354
27355
27356
27357
27358
27359
27360
27361
27362
27363
27364
27365
27366
27367
27368
27369
27370
27371
27372
27373
27374
27375
27376
27377
27378
27379
27380
27381
27382
27383
27384
27385
27386
27387
27388
27389
27390
27391
27392
27393
27394
27395
27396
27397
27398
27399
27400
27401
27402
27403
27404
27405
27406
27407
27408
27409
27410
27411
27412
27413
27414
27415
27416
27417
27418
27419
27420
27421
27422
27423
27424
27425
27426
27427
27428
27429
27430
27431
27432
27433
27434
27435
27436
27437
27438
27439
27440
27441
27442
27443
27444
27445
27446
27447
27448
27449
27450
27451
27452
27453
27454
27455
27456
27457
27458
27459
27460
27461
27462
27463
27464
27465
27466
27467
27468
27469
27470
27471
27472
27473
27474
27475
27476
27477
27478
27479
27480
27481
27482
27483
27484
27485
27486
27487
27488
27489
27490
27491
27492
27493
27494
27495
27496
27497
27498
27499
27500
27501
27502
27503
27504
27505
27506
27507
27508
27509
27510
27511
27512
27513
27514
27515
27516
27517
27518
27519
27520
27521
27522
27523
27524
27525
27526
27527
27528
27529
27530
27531
27532
27533
27534
27535
27536
27537
27538
27539
27540
27541
27542
27543
27544
27545
27546
27547
27548
27549
27550
27551
27552
27553
27554
27555
27556
27557
27558
27559
27560
27561
27562
27563
27564
27565
27566
27567
27568
27569
27570
27571
27572
27573
27574
27575
27576
27577
27578
27579
27580
27581
27582
27583
27584
27585
27586
27587
27588
27589
27590
27591
27592
27593
27594
27595
27596
27597
27598
27599
27600
27601
27602
27603
27604
27605
27606
27607
27608
27609
27610
27611
27612
27613
27614
27615
27616
27617
27618
27619
27620
27621
27622
27623
27624
27625
27626
27627
27628
27629
27630
27631
27632
27633
27634
27635
27636
27637
27638
27639
27640
27641
27642
27643
27644
27645
27646
27647
27648
27649
27650
27651
27652
27653
27654
27655
27656
27657
27658
27659
27660
27661
27662
27663
27664
27665
27666
27667
27668
27669
27670
27671
27672
27673
27674
27675
27676
27677
27678
27679
27680
27681
27682
27683
27684
27685
27686
27687
27688
27689
27690
27691
27692
27693
27694
27695
27696
27697
27698
27699
27700
27701
27702
27703
27704
27705
27706
27707
27708
27709
27710
27711
27712
27713
27714
27715
27716
27717
27718
27719
27720
27721
27722
27723
27724
27725
27726
27727
27728
27729
27730
27731
27732
27733
27734
27735
27736
27737
27738
27739
27740
27741
27742
27743
27744
27745
27746
27747
27748
27749
27750
27751
27752
27753
27754
27755
27756
27757
27758
27759
27760
27761
27762
27763
27764
27765
27766
27767
27768
27769
27770
27771
27772
27773
27774
27775
27776
27777
27778
27779
27780
27781
27782
27783
27784
27785
27786
27787
27788
27789
27790
27791
27792
27793
27794
27795
27796
27797
27798
27799
27800
27801
27802
27803
27804
27805
27806
27807
27808
27809
27810
27811
27812
27813
27814
27815
27816
27817
27818
27819
27820
27821
27822
27823
27824
27825
27826
27827
27828
27829
27830
27831
27832
27833
27834
27835
27836
27837
27838
27839
27840
27841
27842
27843
27844
27845
27846
27847
27848
27849
27850
27851
27852
27853
27854
27855
27856
27857
27858
27859
27860
27861
27862
27863
27864
27865
27866
27867
27868
27869
27870
27871
27872
27873
27874
27875
27876
27877
27878
27879
27880
27881
27882
27883
27884
27885
27886
27887
27888
27889
27890
27891
27892
27893
27894
27895
27896
27897
27898
27899
27900
27901
27902
27903
27904
27905
27906
27907
27908
27909
27910
27911
27912
27913
27914
27915
27916
27917
27918
27919
27920
27921
27922
27923
27924
27925
27926
27927
27928
27929
27930
27931
27932
27933
27934
27935
27936
27937
27938
27939
27940
27941
27942
27943
27944
27945
27946
27947
27948
27949
27950
27951
27952
27953
27954
27955
27956
27957
27958
27959
27960
27961
27962
27963
27964
27965
27966
27967
27968
27969
27970
27971
27972
27973
27974
27975
27976
27977
27978
27979
27980
27981
27982
27983
27984
27985
27986
27987
27988
27989
27990
27991
27992
27993
27994
27995
27996
27997
27998
27999
28000
28001
28002
28003
28004
28005
28006
28007
28008
28009
28010
28011
28012
28013
28014
28015
28016
28017
28018
28019
28020
28021
28022
28023
28024
28025
28026
28027
28028
28029
28030
28031
28032
28033
28034
28035
28036
28037
28038
28039
28040
28041
28042
28043
28044
28045
28046
28047
28048
28049
28050
28051
28052
28053
28054
28055
28056
28057
28058
28059
28060
28061
28062
28063
28064
28065
28066
28067
28068
28069
28070
28071
28072
28073
28074
28075
28076
28077
28078
28079
28080
28081
28082
28083
28084
28085
28086
28087
28088
28089
28090
28091
28092
28093
28094
28095
28096
28097
28098
28099
28100
28101
28102
28103
28104
28105
28106
28107
28108
28109
28110
28111
28112
28113
28114
28115
28116
28117
28118
28119
28120
28121
28122
28123
28124
28125
28126
28127
28128
28129
28130
28131
28132
28133
28134
28135
28136
28137
28138
28139
28140
28141
28142
28143
28144
28145
28146
28147
28148
28149
28150
28151
28152
28153
28154
28155
28156
28157
28158
28159
28160
28161
28162
28163
28164
28165
28166
28167
28168
28169
28170
28171
28172
28173
28174
28175
28176
28177
28178
28179
28180
28181
28182
28183
28184
28185
28186
28187
28188
28189
28190
28191
28192
28193
28194
28195
28196
28197
28198
28199
28200
28201
28202
28203
28204
28205
28206
28207
28208
28209
28210
28211
28212
28213
28214
28215
28216
28217
28218
28219
28220
28221
28222
28223
28224
28225
28226
28227
28228
28229
28230
28231
28232
28233
28234
28235
28236
28237
28238
28239
28240
28241
28242
28243
28244
28245
28246
28247
28248
28249
28250
28251
28252
28253
28254
28255
28256
28257
28258
28259
28260
28261
28262
28263
28264
28265
28266
28267
28268
28269
28270
28271
28272
28273
28274
28275
28276
28277
28278
28279
28280
28281
28282
28283
28284
28285
28286
28287
28288
28289
28290
28291
28292
28293
28294
28295
28296
28297
28298
28299
28300
28301
28302
28303
28304
28305
28306
28307
28308
28309
28310
28311
28312
28313
28314
28315
28316
28317
28318
28319
28320
28321
28322
28323
28324
28325
28326
28327
28328
28329
28330
28331
28332
28333
28334
28335
28336
28337
28338
28339
28340
28341
28342
28343
28344
28345
28346
28347
28348
28349
28350
28351
28352
28353
28354
28355
28356
28357
28358
28359
28360
28361
28362
28363
28364
28365
28366
28367
28368
28369
28370
28371
28372
28373
28374
28375
28376
28377
28378
28379
28380
28381
28382
28383
28384
28385
28386
28387
28388
28389
28390
28391
28392
28393
28394
28395
28396
28397
28398
28399
28400
28401
28402
28403
28404
28405
28406
28407
28408
28409
28410
28411
28412
28413
28414
28415
28416
28417
28418
28419
28420
28421
28422
28423
28424
28425
28426
28427
28428
28429
28430
28431
28432
28433
28434
28435
28436
28437
28438
28439
28440
28441
28442
28443
28444
28445
28446
28447
28448
28449
28450
28451
28452
28453
28454
28455
28456
28457
28458
28459
28460
28461
28462
28463
28464
28465
28466
28467
28468
28469
28470
28471
28472
28473
28474
28475
28476
28477
28478
28479
28480
28481
28482
28483
28484
28485
28486
28487
28488
28489
28490
28491
28492
28493
28494
28495
28496
28497
28498
28499
28500
28501
28502
28503
28504
28505
28506
28507
28508
28509
28510
28511
28512
28513
28514
28515
28516
28517
28518
28519
28520
28521
28522
28523
28524
28525
28526
28527
28528
28529
28530
28531
28532
28533
28534
28535
28536
28537
28538
28539
28540
28541
28542
28543
28544
28545
28546
28547
28548
28549
28550
28551
28552
28553
28554
28555
28556
28557
28558
28559
28560
28561
28562
28563
28564
28565
28566
28567
28568
28569
28570
28571
28572
28573
28574
28575
28576
28577
28578
28579
28580
28581
28582
28583
28584
28585
28586
28587
28588
28589
28590
28591
28592
28593
28594
28595
28596
28597
28598
28599
28600
28601
28602
28603
28604
28605
28606
28607
28608
28609
28610
28611
28612
28613
28614
28615
28616
28617
28618
28619
28620
28621
28622
28623
28624
28625
28626
28627
28628
28629
28630
28631
28632
28633
28634
28635
28636
28637
28638
28639
28640
28641
28642
28643
28644
28645
28646
28647
28648
28649
28650
28651
28652
28653
28654
28655
28656
28657
28658
28659
28660
28661
28662
28663
28664
28665
28666
28667
28668
28669
28670
28671
28672
28673
28674
28675
28676
28677
28678
28679
28680
28681
28682
28683
28684
28685
28686
28687
28688
28689
28690
28691
28692
28693
28694
28695
28696
28697
28698
28699
28700
28701
28702
28703
28704
28705
28706
28707
28708
28709
28710
28711
28712
28713
28714
28715
28716
28717
28718
28719
28720
28721
28722
28723
28724
28725
28726
28727
28728
28729
28730
28731
28732
28733
28734
28735
28736
28737
28738
28739
28740
28741
28742
28743
28744
28745
28746
28747
28748
28749
28750
28751
28752
28753
28754
28755
28756
28757
28758
28759
28760
28761
28762
28763
28764
28765
28766
28767
28768
28769
28770
28771
28772
28773
28774
28775
28776
28777
28778
28779
28780
28781
28782
28783
28784
28785
28786
28787
28788
28789
28790
28791
28792
28793
28794
28795
28796
28797
28798
28799
28800
28801
28802
28803
28804
28805
28806
28807
28808
28809
28810
28811
28812
28813
28814
28815
28816
28817
28818
28819
28820
28821
28822
28823
28824
28825
28826
28827
28828
28829
28830
28831
28832
28833
28834
28835
28836
28837
28838
28839
28840
28841
28842
28843
28844
28845
28846
28847
28848
28849
28850
28851
28852
28853
28854
28855
28856
28857
28858
28859
28860
28861
28862
28863
28864
28865
28866
28867
28868
28869
28870
28871
28872
28873
28874
28875
28876
28877
28878
28879
28880
28881
28882
28883
28884
28885
28886
28887
28888
28889
28890
28891
28892
28893
28894
28895
28896
28897
28898
28899
28900
28901
28902
28903
28904
28905
28906
28907
28908
28909
28910
28911
28912
28913
28914
28915
28916
28917
28918
28919
28920
28921
28922
28923
28924
28925
28926
28927
28928
28929
28930
28931
28932
28933
28934
28935
28936
28937
28938
28939
28940
28941
28942
28943
28944
28945
28946
28947
28948
28949
28950
28951
28952
28953
28954
28955
28956
28957
28958
28959
28960
28961
28962
28963
28964
28965
28966
28967
28968
28969
28970
28971
28972
28973
28974
28975
28976
28977
28978
28979
28980
28981
28982
28983
28984
28985
28986
28987
28988
28989
28990
28991
28992
28993
28994
28995
28996
28997
28998
28999
29000
29001
29002
29003
29004
29005
29006
29007
29008
29009
29010
29011
29012
29013
29014
29015
29016
29017
29018
29019
29020
29021
29022
29023
29024
29025
29026
29027
29028
29029
29030
29031
29032
29033
29034
29035
29036
29037
29038
29039
29040
29041
29042
29043
29044
29045
29046
29047
29048
29049
29050
29051
29052
29053
29054
29055
29056
29057
29058
29059
29060
29061
29062
29063
29064
29065
29066
29067
29068
29069
29070
29071
29072
29073
29074
29075
29076
29077
29078
29079
29080
29081
29082
29083
29084
29085
29086
29087
29088
29089
29090
29091
29092
29093
29094
29095
29096
29097
29098
29099
29100
29101
29102
29103
29104
29105
29106
29107
29108
29109
29110
29111
29112
29113
29114
29115
29116
29117
29118
29119
29120
29121
29122
29123
29124
29125
29126
29127
29128
29129
29130
29131
29132
29133
29134
29135
29136
29137
29138
29139
29140
29141
29142
29143
29144
29145
29146
29147
29148
29149
29150
29151
29152
29153
29154
29155
29156
29157
29158
29159
29160
29161
29162
29163
29164
29165
29166
29167
29168
29169
29170
29171
29172
29173
29174
29175
29176
29177
29178
29179
29180
29181
29182
29183
29184
29185
29186
29187
29188
29189
29190
29191
29192
29193
29194
29195
29196
29197
29198
29199
29200
29201
29202
29203
29204
29205
29206
29207
29208
29209
29210
29211
29212
29213
29214
29215
29216
29217
29218
29219
29220
29221
29222
29223
29224
29225
29226
29227
29228
29229
29230
29231
29232
29233
29234
29235
29236
29237
29238
29239
29240
29241
29242
29243
29244
29245
29246
29247
29248
29249
29250
29251
29252
29253
29254
29255
29256
29257
29258
29259
29260
29261
29262
29263
29264
29265
29266
29267
29268
29269
29270
29271
29272
29273
29274
29275
29276
29277
29278
29279
29280
29281
29282
29283
29284
29285
29286
29287
29288
29289
29290
29291
29292
29293
29294
29295
29296
29297
29298
29299
29300
29301
29302
29303
29304
29305
29306
29307
29308
29309
29310
29311
29312
29313
29314
29315
29316
29317
29318
29319
29320
29321
29322
29323
29324
29325
29326
29327
29328
29329
29330
29331
29332
29333
29334
29335
29336
29337
29338
29339
29340
29341
29342
29343
29344
29345
29346
29347
29348
29349
29350
29351
29352
29353
29354
29355
29356
29357
29358
29359
29360
29361
29362
29363
29364
29365
29366
29367
29368
29369
29370
29371
29372
29373
29374
29375
29376
29377
29378
29379
29380
29381
29382
29383
29384
29385
29386
29387
29388
29389
29390
29391
29392
29393
29394
29395
29396
29397
29398
29399
29400
29401
29402
29403
29404
29405
29406
29407
29408
29409
29410
29411
29412
29413
29414
29415
29416
29417
29418
29419
29420
29421
29422
29423
29424
29425
29426
29427
29428
29429
29430
29431
29432
29433
29434
29435
29436
29437
29438
29439
29440
29441
29442
29443
29444
29445
29446
29447
29448
29449
29450
29451
29452
29453
29454
29455
29456
29457
29458
29459
29460
29461
29462
29463
29464
29465
29466
29467
29468
29469
29470
29471
29472
29473
29474
29475
29476
29477
29478
29479
29480
29481
29482
29483
29484
29485
29486
29487
29488
29489
29490
29491
29492
29493
29494
29495
29496
29497
29498
29499
29500
29501
29502
29503
29504
29505
29506
29507
29508
29509
29510
29511
29512
29513
29514
29515
29516
29517
29518
29519
29520
29521
29522
29523
29524
29525
29526
29527
29528
29529
29530
29531
29532
29533
29534
29535
29536
29537
29538
29539
29540
29541
29542
29543
29544
29545
29546
29547
29548
29549
29550
29551
29552
29553
29554
29555
29556
29557
29558
29559
29560
29561
29562
29563
29564
29565
29566
29567
29568
29569
29570
29571
29572
29573
29574
29575
29576
29577
29578
29579
29580
29581
29582
29583
29584
29585
29586
29587
29588
29589
29590
29591
29592
29593
29594
29595
29596
29597
29598
29599
29600
29601
29602
29603
29604
29605
29606
29607
29608
29609
29610
29611
29612
29613
29614
29615
29616
29617
29618
29619
29620
29621
29622
29623
29624
29625
29626
29627
29628
29629
29630
29631
29632
29633
29634
29635
29636
29637
29638
29639
29640
29641
29642
29643
29644
29645
29646
29647
29648
29649
29650
29651
29652
29653
29654
29655
29656
29657
29658
29659
29660
29661
29662
29663
29664
29665
29666
29667
29668
29669
29670
29671
29672
29673
29674
29675
29676
29677
29678
29679
29680
29681
29682
29683
29684
29685
29686
29687
29688
29689
29690
29691
29692
29693
29694
29695
29696
29697
29698
29699
29700
29701
29702
29703
29704
29705
29706
29707
29708
29709
29710
29711
29712
29713
29714
29715
29716
29717
29718
29719
29720
29721
29722
29723
29724
29725
29726
29727
29728
29729
29730
29731
29732
29733
29734
29735
29736
29737
29738
29739
29740
29741
29742
29743
29744
29745
29746
29747
29748
29749
29750
29751
29752
29753
29754
29755
29756
29757
29758
29759
29760
29761
29762
29763
29764
29765
29766
29767
29768
29769
29770
29771
29772
29773
29774
29775
29776
29777
29778
29779
29780
29781
29782
29783
29784
29785
29786
29787
29788
29789
29790
29791
29792
29793
29794
29795
29796
29797
29798
29799
29800
29801
29802
29803
29804
29805
29806
29807
29808
29809
29810
29811
29812
29813
29814
29815
29816
29817
29818
29819
29820
29821
29822
29823
29824
29825
29826
29827
29828
29829
29830
29831
29832
29833
29834
29835
29836
29837
29838
29839
29840
29841
29842
29843
29844
29845
29846
29847
29848
29849
29850
29851
29852
29853
29854
29855
29856
29857
29858
29859
29860
29861
29862
29863
29864
29865
29866
29867
29868
29869
29870
29871
29872
29873
29874
29875
29876
29877
29878
29879
29880
29881
29882
29883
29884
29885
29886
29887
29888
29889
29890
29891
29892
29893
29894
29895
29896
29897
29898
29899
29900
29901
29902
29903
29904
29905
29906
29907
29908
29909
29910
29911
29912
29913
29914
29915
29916
29917
29918
29919
29920
29921
29922
29923
29924
29925
29926
29927
29928
29929
29930
29931
29932
29933
29934
29935
29936
29937
29938
29939
29940
29941
29942
29943
29944
29945
29946
29947
29948
29949
29950
29951
29952
29953
29954
29955
29956
29957
29958
29959
29960
29961
29962
29963
29964
29965
29966
29967
29968
29969
29970
29971
29972
29973
29974
29975
29976
29977
29978
29979
29980
29981
29982
29983
29984
29985
29986
29987
29988
29989
29990
29991
29992
29993
29994
29995
29996
29997
29998
29999
30000
30001
30002
30003
30004
30005
30006
30007
30008
30009
30010
30011
30012
30013
30014
30015
30016
30017
30018
30019
30020
30021
30022
30023
30024
30025
30026
30027
30028
30029
30030
30031
30032
30033
30034
30035
30036
30037
30038
30039
30040
30041
30042
30043
30044
30045
30046
30047
30048
30049
30050
30051
30052
30053
30054
30055
30056
30057
30058
30059
30060
30061
30062
30063
30064
30065
30066
30067
30068
30069
30070
30071
30072
30073
30074
30075
30076
30077
30078
30079
30080
30081
30082
30083
30084
30085
30086
30087
30088
30089
30090
30091
30092
30093
30094
30095
30096
30097
30098
30099
30100
30101
30102
30103
30104
30105
30106
30107
30108
30109
30110
30111
30112
30113
30114
30115
30116
30117
30118
30119
30120
30121
30122
30123
30124
30125
30126
30127
30128
30129
30130
30131
30132
30133
30134
30135
30136
30137
30138
30139
30140
30141
30142
30143
30144
30145
30146
30147
30148
30149
30150
30151
30152
30153
30154
30155
30156
30157
30158
30159
30160
30161
30162
30163
30164
30165
30166
30167
30168
30169
30170
30171
30172
30173
30174
30175
30176
30177
30178
30179
30180
30181
30182
30183
30184
30185
30186
30187
30188
30189
30190
30191
30192
30193
30194
30195
30196
30197
30198
30199
30200
30201
30202
30203
30204
30205
30206
30207
30208
30209
30210
30211
30212
30213
30214
30215
30216
30217
30218
30219
30220
30221
30222
30223
30224
30225
30226
30227
30228
30229
30230
30231
30232
30233
30234
30235
30236
30237
30238
30239
30240
30241
30242
30243
30244
30245
30246
30247
30248
30249
30250
30251
30252
30253
30254
30255
30256
30257
30258
30259
30260
30261
30262
30263
30264
30265
30266
30267
30268
30269
30270
30271
30272
30273
30274
30275
30276
30277
30278
30279
30280
30281
30282
30283
30284
30285
30286
30287
30288
30289
30290
30291
30292
30293
30294
30295
30296
30297
30298
30299
30300
30301
30302
30303
30304
30305
30306
30307
30308
30309
30310
30311
30312
30313
30314
30315
30316
30317
30318
30319
30320
30321
30322
30323
30324
30325
30326
30327
30328
30329
30330
30331
30332
30333
30334
30335
30336
30337
30338
30339
30340
30341
30342
30343
30344
30345
30346
30347
30348
30349
30350
30351
30352
30353
30354
30355
30356
30357
30358
30359
30360
30361
30362
30363
30364
30365
30366
30367
30368
30369
30370
30371
30372
30373
30374
30375
30376
30377
30378
30379
30380
30381
30382
30383
30384
30385
30386
30387
30388
30389
30390
30391
30392
30393
30394
30395
30396
30397
30398
30399
30400
30401
30402
30403
30404
30405
30406
30407
30408
30409
30410
30411
30412
30413
30414
30415
30416
30417
30418
30419
30420
30421
30422
30423
30424
30425
30426
30427
30428
30429
30430
30431
30432
30433
30434
30435
30436
30437
30438
30439
30440
30441
30442
30443
30444
30445
30446
30447
30448
30449
30450
30451
30452
30453
30454
30455
30456
30457
30458
30459
30460
30461
30462
30463
30464
30465
30466
30467
30468
30469
30470
30471
30472
30473
30474
30475
30476
30477
30478
30479
30480
30481
30482
30483
30484
30485
30486
30487
30488
30489
30490
30491
30492
30493
30494
30495
30496
30497
30498
30499
30500
30501
30502
30503
30504
30505
30506
30507
30508
30509
30510
30511
30512
30513
30514
30515
30516
30517
30518
30519
30520
30521
30522
30523
30524
30525
30526
30527
30528
30529
30530
30531
30532
30533
30534
30535
30536
30537
30538
30539
30540
30541
30542
30543
30544
30545
30546
30547
30548
30549
30550
30551
30552
30553
30554
30555
30556
30557
30558
30559
30560
30561
30562
30563
30564
30565
30566
30567
30568
30569
30570
30571
30572
30573
30574
30575
30576
30577
30578
30579
30580
30581
30582
30583
30584
30585
30586
30587
30588
30589
30590
30591
30592
30593
30594
30595
30596
30597
30598
30599
30600
30601
30602
30603
30604
30605
30606
30607
30608
30609
30610
30611
30612
30613
30614
30615
30616
30617
30618
30619
30620
30621
30622
30623
30624
30625
30626
30627
30628
30629
30630
30631
30632
30633
30634
30635
30636
30637
30638
30639
30640
30641
30642
30643
30644
30645
30646
30647
30648
30649
30650
30651
30652
30653
30654
30655
30656
30657
30658
30659
30660
30661
30662
30663
30664
30665
30666
30667
30668
30669
30670
30671
30672
30673
30674
30675
30676
30677
30678
30679
30680
30681
30682
30683
30684
30685
30686
30687
30688
30689
30690
30691
30692
30693
30694
30695
30696
30697
30698
30699
30700
30701
30702
30703
30704
30705
30706
30707
30708
30709
30710
30711
30712
30713
30714
30715
30716
30717
30718
30719
30720
30721
30722
30723
30724
30725
30726
30727
30728
30729
30730
30731
30732
30733
30734
30735
30736
30737
30738
30739
30740
30741
30742
30743
30744
30745
30746
30747
30748
30749
30750
30751
30752
30753
30754
30755
30756
30757
30758
30759
30760
30761
30762
30763
30764
30765
30766
30767
30768
30769
30770
30771
30772
30773
30774
30775
30776
30777
30778
30779
30780
30781
30782
30783
30784
30785
30786
30787
30788
30789
30790
30791
30792
30793
30794
30795
30796
30797
30798
30799
30800
30801
30802
30803
30804
30805
30806
30807
30808
30809
30810
30811
30812
30813
30814
30815
30816
30817
30818
30819
30820
30821
30822
30823
30824
30825
30826
30827
30828
30829
30830
30831
30832
30833
30834
30835
30836
30837
30838
30839
30840
30841
30842
30843
30844
30845
30846
30847
30848
30849
30850
30851
30852
30853
30854
30855
30856
30857
30858
30859
30860
30861
30862
30863
30864
30865
30866
30867
30868
30869
30870
30871
30872
30873
30874
30875
30876
30877
30878
30879
30880
30881
30882
30883
30884
30885
30886
30887
30888
30889
30890
30891
30892
30893
30894
30895
30896
30897
30898
30899
30900
30901
30902
30903
30904
30905
30906
30907
30908
30909
30910
30911
30912
30913
30914
30915
30916
30917
30918
30919
30920
30921
30922
30923
30924
30925
30926
30927
30928
30929
30930
30931
30932
30933
30934
30935
30936
30937
30938
30939
30940
30941
30942
30943
30944
30945
30946
30947
30948
30949
30950
30951
30952
30953
30954
30955
30956
30957
30958
30959
30960
30961
30962
30963
30964
30965
30966
30967
30968
30969
30970
30971
30972
30973
30974
30975
30976
30977
30978
30979
30980
30981
30982
30983
30984
30985
30986
30987
30988
30989
30990
30991
30992
30993
30994
30995
30996
30997
30998
30999
31000
31001
31002
31003
31004
31005
31006
31007
31008
31009
31010
31011
31012
31013
31014
31015
31016
31017
31018
31019
31020
31021
31022
31023
31024
31025
31026
31027
31028
31029
31030
31031
31032
31033
31034
31035
31036
31037
31038
31039
31040
31041
31042
31043
31044
31045
31046
31047
31048
31049
31050
31051
31052
31053
31054
31055
31056
31057
31058
31059
31060
31061
31062
31063
31064
31065
31066
31067
31068
31069
31070
31071
31072
31073
31074
31075
31076
31077
31078
31079
31080
31081
31082
31083
31084
31085
31086
31087
31088
31089
31090
31091
31092
31093
31094
31095
31096
31097
31098
31099
31100
31101
31102
31103
31104
31105
31106
31107
31108
31109
31110
31111
31112
31113
31114
31115
31116
31117
31118
31119
31120
31121
31122
31123
31124
31125
31126
31127
31128
31129
31130
31131
31132
31133
31134
31135
31136
31137
31138
31139
31140
31141
31142
31143
31144
31145
31146
31147
31148
31149
31150
31151
31152
31153
31154
31155
31156
31157
31158
31159
31160
31161
31162
31163
31164
31165
31166
31167
31168
31169
31170
31171
31172
31173
31174
31175
31176
31177
31178
31179
31180
31181
31182
31183
31184
31185
31186
31187
31188
31189
31190
31191
31192
31193
31194
31195
31196
31197
31198
31199
31200
31201
31202
31203
31204
31205
31206
31207
31208
31209
31210
31211
31212
31213
31214
31215
31216
31217
31218
31219
31220
31221
31222
31223
31224
31225
31226
31227
31228
31229
31230
31231
31232
31233
31234
31235
31236
31237
31238
31239
31240
31241
31242
31243
31244
31245
31246
31247
31248
31249
31250
31251
31252
31253
31254
31255
31256
31257
31258
31259
31260
31261
31262
31263
31264
31265
31266
31267
31268
31269
31270
31271
31272
31273
31274
31275
31276
31277
31278
31279
31280
31281
31282
31283
31284
31285
31286
31287
31288
31289
31290
31291
31292
31293
31294
31295
31296
31297
31298
31299
31300
31301
31302
31303
31304
31305
31306
31307
31308
31309
31310
31311
31312
31313
31314
31315
31316
31317
31318
31319
31320
31321
31322
31323
31324
31325
31326
31327
31328
31329
31330
31331
31332
31333
31334
31335
31336
31337
31338
31339
31340
31341
31342
31343
31344
31345
31346
31347
31348
31349
31350
31351
31352
31353
31354
31355
31356
31357
31358
31359
31360
31361
31362
31363
31364
31365
31366
31367
31368
31369
31370
31371
31372
31373
31374
31375
31376
31377
31378
31379
31380
31381
31382
31383
31384
31385
31386
31387
31388
31389
31390
31391
31392
31393
31394
31395
31396
31397
31398
31399
31400
31401
31402
31403
31404
31405
31406
31407
31408
31409
31410
31411
31412
31413
31414
31415
31416
31417
31418
31419
31420
31421
31422
31423
31424
31425
31426
31427
31428
31429
31430
31431
31432
31433
31434
31435
31436
31437
31438
31439
31440
31441
31442
31443
31444
31445
31446
31447
31448
31449
31450
31451
31452
31453
31454
31455
31456
31457
31458
31459
31460
31461
31462
31463
31464
31465
31466
31467
31468
31469
31470
31471
31472
31473
31474
31475
31476
31477
31478
31479
31480
31481
31482
31483
31484
31485
31486
31487
31488
31489
31490
31491
31492
31493
31494
31495
31496
31497
31498
31499
31500
31501
31502
31503
31504
31505
31506
31507
31508
31509
31510
31511
31512
31513
31514
31515
31516
31517
31518
31519
31520
31521
31522
31523
31524
31525
31526
31527
31528
31529
31530
31531
31532
31533
31534
31535
31536
31537
31538
31539
31540
31541
31542
31543
31544
31545
31546
31547
31548
31549
31550
31551
31552
31553
31554
31555
31556
31557
31558
31559
31560
31561
31562
31563
31564
31565
31566
31567
31568
31569
31570
31571
31572
31573
31574
31575
31576
31577
31578
31579
31580
31581
31582
31583
31584
31585
31586
31587
31588
31589
31590
31591
31592
31593
31594
31595
31596
31597
31598
31599
31600
31601
31602
31603
31604
31605
31606
31607
31608
31609
31610
31611
31612
31613
31614
31615
31616
31617
31618
31619
31620
31621
31622
31623
31624
31625
31626
31627
31628
31629
31630
31631
31632
31633
31634
31635
31636
31637
31638
31639
31640
31641
31642
31643
31644
31645
31646
31647
31648
31649
31650
31651
31652
31653
31654
31655
31656
31657
31658
31659
31660
31661
31662
31663
31664
31665
31666
31667
31668
31669
31670
31671
31672
31673
31674
31675
31676
31677
31678
31679
31680
31681
31682
31683
31684
31685
31686
31687
31688
31689
31690
31691
31692
31693
31694
31695
31696
31697
31698
31699
31700
31701
31702
31703
31704
31705
31706
31707
31708
31709
31710
31711
31712
31713
31714
31715
31716
31717
31718
31719
31720
31721
31722
31723
31724
31725
31726
31727
31728
31729
31730
31731
31732
31733
31734
31735
31736
31737
31738
31739
31740
31741
31742
31743
31744
31745
31746
31747
31748
31749
31750
31751
31752
31753
31754
31755
31756
31757
31758
31759
31760
31761
31762
31763
31764
31765
31766
31767
31768
31769
31770
31771
31772
31773
31774
31775
31776
31777
31778
31779
31780
31781
31782
31783
31784
31785
31786
31787
31788
31789
31790
31791
31792
31793
31794
31795
31796
31797
31798
31799
31800
31801
31802
31803
31804
31805
31806
31807
31808
31809
31810
31811
31812
31813
31814
31815
31816
31817
31818
31819
31820
31821
31822
31823
31824
31825
31826
31827
31828
31829
31830
31831
31832
31833
31834
31835
31836
31837
31838
31839
31840
31841
31842
31843
31844
31845
31846
31847
31848
31849
31850
31851
31852
31853
31854
31855
31856
31857
31858
31859
31860
31861
31862
31863
31864
31865
31866
31867
31868
31869
31870
31871
31872
31873
31874
31875
31876
31877
31878
31879
31880
31881
31882
31883
31884
31885
31886
31887
31888
31889
31890
31891
31892
31893
31894
31895
31896
31897
31898
31899
31900
31901
31902
31903
31904
31905
31906
31907
31908
31909
31910
31911
31912
31913
31914
31915
31916
31917
31918
31919
31920
31921
31922
31923
31924
31925
31926
31927
31928
31929
31930
31931
31932
31933
31934
31935
31936
31937
31938
31939
31940
31941
31942
31943
31944
31945
31946
31947
31948
31949
31950
31951
31952
31953
31954
31955
31956
31957
31958
31959
31960
31961
31962
31963
31964
31965
31966
31967
31968
31969
31970
31971
31972
31973
31974
31975
31976
31977
31978
31979
31980
31981
31982
31983
31984
31985
31986
31987
31988
31989
31990
31991
31992
31993
31994
31995
31996
31997
31998
31999
32000
32001
32002
32003
32004
32005
32006
32007
32008
32009
32010
32011
32012
32013
32014
32015
32016
32017
32018
32019
32020
32021
32022
32023
32024
32025
32026
32027
32028
32029
32030
32031
32032
32033
32034
32035
32036
32037
32038
32039
32040
32041
32042
32043
32044
32045
32046
32047
32048
32049
32050
32051
32052
32053
32054
32055
32056
32057
32058
32059
32060
32061
32062
32063
32064
32065
32066
32067
32068
32069
32070
32071
32072
32073
32074
32075
32076
32077
32078
32079
32080
32081
32082
32083
32084
32085
32086
32087
32088
32089
32090
32091
32092
32093
32094
32095
32096
32097
32098
32099
32100
32101
32102
32103
32104
32105
32106
32107
32108
32109
32110
32111
32112
32113
32114
32115
32116
32117
32118
32119
32120
32121
32122
32123
32124
32125
32126
32127
32128
32129
32130
32131
32132
32133
32134
32135
32136
32137
32138
32139
32140
32141
32142
32143
32144
32145
32146
32147
32148
32149
32150
32151
32152
32153
32154
32155
32156
32157
32158
32159
32160
32161
32162
32163
32164
32165
32166
32167
32168
32169
32170
32171
32172
32173
32174
32175
32176
32177
32178
32179
32180
32181
32182
32183
32184
32185
32186
32187
32188
32189
32190
32191
32192
32193
32194
32195
32196
32197
32198
32199
32200
32201
32202
32203
32204
32205
32206
32207
32208
32209
32210
32211
32212
32213
32214
32215
32216
32217
32218
32219
32220
32221
32222
32223
32224
32225
32226
32227
32228
32229
32230
32231
32232
32233
32234
32235
32236
32237
32238
32239
32240
32241
32242
32243
32244
32245
32246
32247
32248
32249
32250
32251
32252
32253
32254
32255
32256
32257
32258
32259
32260
32261
32262
32263
32264
32265
32266
32267
32268
32269
32270
32271
32272
32273
32274
32275
32276
32277
32278
32279
32280
32281
32282
32283
32284
32285
32286
32287
32288
32289
32290
32291
32292
32293
32294
32295
32296
32297
32298
32299
32300
32301
32302
32303
32304
32305
32306
32307
32308
32309
32310
32311
32312
32313
32314
32315
32316
32317
32318
32319
32320
32321
32322
32323
32324
32325
32326
32327
32328
32329
32330
32331
32332
32333
32334
32335
32336
32337
32338
32339
32340
32341
32342
32343
32344
32345
32346
32347
32348
32349
32350
32351
32352
32353
32354
32355
32356
32357
32358
32359
32360
32361
32362
32363
32364
32365
32366
32367
32368
32369
32370
32371
32372
32373
32374
32375
32376
32377
32378
32379
32380
32381
32382
32383
32384
32385
32386
32387
32388
32389
32390
32391
32392
32393
32394
32395
32396
32397
32398
32399
32400
32401
32402
32403
32404
32405
32406
32407
32408
32409
32410
32411
32412
32413
32414
32415
32416
32417
32418
32419
32420
32421
32422
32423
32424
32425
32426
32427
32428
32429
32430
32431
32432
32433
32434
32435
32436
32437
32438
32439
32440
32441
32442
32443
32444
32445
32446
32447
32448
32449
32450
32451
32452
32453
32454
32455
32456
32457
32458
32459
32460
32461
32462
32463
32464
32465
32466
32467
32468
32469
32470
32471
32472
32473
32474
32475
32476
32477
32478
32479
32480
32481
32482
32483
32484
32485
32486
32487
32488
32489
32490
32491
32492
32493
32494
32495
32496
32497
32498
32499
32500
32501
32502
32503
32504
32505
32506
32507
32508
32509
32510
32511
32512
32513
32514
32515
32516
32517
32518
32519
32520
32521
32522
32523
32524
32525
32526
32527
32528
32529
32530
32531
32532
32533
32534
32535
32536
32537
32538
32539
32540
32541
32542
32543
32544
32545
32546
32547
32548
32549
32550
32551
32552
32553
32554
32555
32556
32557
32558
32559
32560
32561
32562
32563
32564
32565
32566
32567
32568
32569
32570
32571
32572
32573
32574
32575
32576
32577
32578
32579
32580
32581
32582
32583
32584
32585
32586
32587
32588
32589
32590
32591
32592
32593
32594
32595
32596
32597
32598
32599
32600
32601
32602
32603
32604
32605
32606
32607
32608
32609
32610
32611
32612
32613
32614
32615
32616
32617
32618
32619
32620
32621
32622
32623
32624
32625
32626
32627
32628
32629
32630
32631
32632
32633
32634
32635
32636
32637
32638
32639
32640
32641
32642
32643
32644
32645
32646
32647
32648
32649
32650
32651
32652
32653
32654
32655
32656
32657
32658
32659
32660
32661
32662
32663
32664
32665
32666
32667
32668
32669
32670
32671
32672
32673
32674
32675
32676
32677
32678
32679
32680
32681
32682
32683
32684
32685
32686
32687
32688
32689
32690
32691
32692
32693
32694
32695
32696
32697
32698
32699
32700
32701
32702
32703
32704
32705
32706
32707
32708
32709
32710
32711
32712
32713
32714
32715
32716
32717
32718
32719
32720
32721
32722
32723
32724
32725
32726
32727
32728
32729
32730
32731
32732
32733
32734
32735
32736
32737
32738
32739
32740
32741
32742
32743
32744
32745
32746
32747
32748
32749
32750
32751
32752
32753
32754
32755
32756
32757
32758
32759
32760
32761
32762
32763
32764
32765
32766
32767
32768
32769
32770
32771
32772
32773
32774
32775
32776
32777
32778
32779
32780
32781
32782
32783
32784
32785
32786
32787
32788
32789
32790
32791
32792
32793
32794
32795
32796
32797
32798
32799
32800
32801
32802
32803
32804
32805
32806
32807
32808
32809
32810
32811
32812
32813
32814
32815
32816
32817
32818
32819
32820
32821
32822
32823
32824
32825
32826
32827
32828
32829
32830
32831
32832
32833
32834
32835
32836
32837
32838
32839
32840
32841
32842
32843
32844
32845
32846
32847
32848
32849
32850
32851
32852
32853
32854
32855
32856
32857
32858
32859
32860
32861
32862
32863
32864
32865
32866
32867
32868
32869
32870
32871
32872
32873
32874
32875
32876
32877
32878
32879
32880
32881
32882
32883
32884
32885
32886
32887
32888
32889
32890
32891
32892
32893
32894
32895
32896
32897
32898
32899
32900
32901
32902
32903
32904
32905
32906
32907
32908
32909
32910
32911
32912
32913
32914
32915
32916
32917
32918
32919
32920
32921
32922
32923
32924
32925
32926
32927
32928
32929
32930
32931
32932
32933
32934
32935
32936
32937
32938
32939
32940
32941
32942
32943
32944
32945
32946
32947
32948
32949
32950
32951
32952
32953
32954
32955
32956
32957
32958
32959
32960
32961
32962
32963
32964
32965
32966
32967
32968
32969
32970
32971
32972
32973
32974
32975
32976
32977
32978
32979
32980
32981
32982
32983
32984
32985
32986
32987
32988
32989
32990
32991
32992
32993
32994
32995
32996
32997
32998
32999
33000
33001
33002
33003
33004
33005
33006
33007
33008
33009
33010
33011
33012
33013
33014
33015
33016
33017
33018
33019
33020
33021
33022
33023
33024
33025
33026
33027
33028
33029
33030
33031
33032
33033
33034
33035
33036
33037
33038
33039
33040
33041
33042
33043
33044
33045
33046
33047
33048
33049
33050
33051
33052
33053
33054
33055
33056
33057
33058
33059
33060
33061
33062
33063
33064
33065
33066
33067
33068
33069
33070
33071
33072
33073
33074
33075
33076
33077
33078
33079
33080
33081
33082
33083
33084
33085
33086
33087
33088
33089
33090
33091
33092
33093
33094
33095
33096
33097
33098
33099
33100
33101
33102
33103
33104
33105
33106
33107
33108
33109
33110
33111
33112
33113
33114
33115
33116
33117
33118
33119
33120
33121
33122
33123
33124
33125
33126
33127
33128
33129
33130
33131
33132
33133
33134
33135
33136
33137
33138
33139
33140
33141
33142
33143
33144
33145
33146
33147
33148
33149
33150
33151
33152
33153
33154
33155
33156
33157
33158
33159
33160
33161
33162
33163
33164
33165
33166
33167
33168
33169
33170
33171
33172
33173
33174
33175
33176
33177
33178
33179
33180
33181
33182
33183
33184
33185
33186
33187
33188
33189
33190
33191
33192
33193
33194
33195
33196
33197
33198
33199
33200
33201
33202
33203
33204
33205
33206
33207
33208
33209
33210
33211
33212
33213
33214
33215
33216
33217
33218
33219
33220
33221
33222
33223
33224
33225
33226
33227
33228
33229
33230
33231
33232
33233
33234
33235
33236
33237
33238
33239
33240
33241
33242
33243
33244
33245
33246
33247
33248
33249
33250
33251
33252
33253
33254
33255
33256
33257
33258
33259
33260
33261
33262
33263
33264
33265
33266
33267
33268
33269
33270
33271
33272
33273
33274
33275
33276
33277
33278
33279
33280
33281
33282
33283
33284
33285
33286
33287
33288
33289
33290
33291
33292
33293
33294
33295
33296
33297
33298
33299
33300
33301
33302
33303
33304
33305
33306
33307
33308
33309
33310
33311
33312
33313
33314
33315
33316
33317
33318
33319
33320
33321
33322
33323
33324
33325
33326
33327
33328
33329
33330
33331
33332
33333
33334
33335
33336
33337
33338
33339
33340
33341
33342
33343
33344
33345
33346
33347
33348
33349
33350
33351
33352
33353
33354
33355
33356
33357
33358
33359
33360
33361
33362
33363
33364
33365
33366
33367
33368
33369
33370
33371
33372
33373
33374
33375
33376
33377
33378
33379
33380
33381
33382
33383
33384
33385
33386
33387
33388
33389
33390
33391
33392
33393
33394
33395
33396
33397
33398
33399
33400
33401
33402
33403
33404
33405
33406
33407
33408
33409
33410
33411
33412
33413
33414
33415
33416
33417
33418
33419
33420
33421
33422
33423
33424
33425
33426
33427
33428
33429
33430
33431
33432
33433
33434
33435
33436
33437
33438
33439
33440
33441
33442
33443
33444
33445
33446
33447
33448
33449
33450
33451
33452
33453
33454
33455
33456
33457
33458
33459
33460
33461
33462
33463
33464
33465
33466
33467
33468
33469
33470
33471
33472
33473
33474
33475
33476
33477
33478
33479
33480
33481
33482
33483
33484
33485
33486
33487
33488
33489
33490
33491
33492
33493
33494
33495
33496
33497
33498
33499
33500
33501
33502
33503
33504
33505
33506
33507
33508
33509
33510
33511
33512
33513
33514
33515
33516
33517
33518
33519
33520
33521
33522
33523
33524
33525
33526
33527
33528
33529
33530
33531
33532
33533
33534
33535
33536
33537
33538
33539
33540
33541
33542
33543
33544
33545
33546
33547
33548
33549
33550
33551
33552
33553
33554
33555
33556
33557
33558
33559
33560
33561
33562
33563
33564
33565
33566
33567
33568
33569
33570
33571
33572
33573
33574
33575
33576
33577
33578
33579
33580
33581
33582
33583
33584
33585
33586
33587
33588
33589
33590
33591
33592
33593
33594
33595
33596
33597
33598
33599
33600
33601
33602
33603
33604
33605
33606
33607
33608
33609
33610
33611
33612
33613
33614
33615
33616
33617
33618
33619
33620
33621
33622
33623
33624
33625
33626
33627
33628
33629
33630
33631
33632
33633
33634
33635
33636
33637
33638
33639
33640
33641
33642
33643
33644
33645
33646
33647
33648
33649
33650
33651
33652
33653
33654
33655
33656
33657
33658
33659
33660
33661
33662
33663
33664
33665
33666
33667
33668
33669
33670
33671
33672
33673
33674
33675
33676
33677
33678
33679
33680
33681
33682
33683
33684
33685
33686
33687
33688
33689
33690
33691
33692
33693
33694
33695
33696
33697
33698
33699
33700
33701
33702
33703
33704
33705
33706
33707
33708
33709
33710
33711
33712
33713
33714
33715
33716
33717
33718
33719
33720
33721
33722
33723
33724
33725
33726
33727
33728
33729
33730
33731
33732
33733
33734
33735
33736
33737
33738
33739
33740
33741
33742
33743
33744
33745
33746
33747
33748
33749
33750
33751
33752
33753
33754
33755
33756
33757
33758
33759
33760
33761
33762
33763
33764
33765
33766
33767
33768
33769
33770
33771
33772
33773
33774
33775
33776
33777
33778
33779
33780
33781
33782
33783
33784
33785
33786
33787
33788
33789
33790
33791
33792
33793
33794
33795
33796
33797
33798
33799
33800
33801
33802
33803
33804
33805
33806
33807
33808
33809
33810
33811
33812
33813
33814
33815
33816
33817
33818
33819
33820
33821
33822
33823
33824
33825
33826
33827
33828
33829
33830
33831
33832
33833
33834
33835
33836
33837
33838
33839
33840
33841
33842
33843
33844
33845
33846
33847
33848
33849
33850
33851
33852
33853
33854
33855
33856
33857
33858
33859
33860
33861
33862
33863
33864
33865
33866
33867
33868
33869
33870
33871
33872
33873
33874
33875
33876
33877
33878
33879
33880
33881
33882
33883
33884
33885
33886
33887
33888
33889
33890
33891
33892
33893
33894
33895
33896
33897
33898
33899
33900
33901
33902
33903
33904
33905
33906
33907
33908
33909
33910
33911
33912
33913
33914
33915
33916
33917
33918
33919
33920
33921
33922
33923
33924
33925
33926
33927
33928
33929
33930
33931
33932
33933
33934
33935
33936
33937
33938
33939
33940
33941
33942
33943
33944
33945
33946
33947
33948
33949
33950
33951
33952
33953
33954
33955
33956
33957
33958
33959
33960
33961
33962
33963
33964
33965
33966
33967
33968
33969
33970
33971
33972
33973
33974
33975
33976
33977
33978
33979
33980
33981
33982
33983
33984
33985
33986
33987
33988
33989
33990
33991
33992
33993
33994
33995
33996
33997
33998
33999
34000
34001
34002
34003
34004
34005
34006
34007
34008
34009
34010
34011
34012
34013
34014
34015
34016
34017
34018
34019
34020
34021
34022
34023
34024
34025
34026
34027
34028
34029
34030
34031
34032
34033
34034
34035
34036
34037
34038
34039
34040
34041
34042
34043
34044
34045
34046
34047
34048
34049
34050
34051
34052
34053
34054
34055
34056
34057
34058
34059
34060
34061
34062
34063
34064
34065
34066
34067
34068
34069
34070
34071
34072
34073
34074
34075
34076
34077
34078
34079
34080
34081
34082
34083
34084
34085
34086
34087
34088
34089
34090
34091
34092
34093
34094
34095
34096
34097
34098
34099
34100
34101
34102
34103
34104
34105
34106
34107
34108
34109
34110
34111
34112
34113
34114
34115
34116
34117
34118
34119
34120
34121
34122
34123
34124
34125
34126
34127
34128
34129
34130
34131
34132
34133
34134
34135
34136
34137
34138
34139
34140
34141
34142
34143
34144
34145
34146
34147
34148
34149
34150
34151
34152
34153
34154
34155
34156
34157
34158
34159
34160
34161
34162
34163
34164
34165
34166
34167
34168
34169
34170
34171
34172
34173
34174
34175
34176
34177
34178
34179
34180
34181
34182
34183
34184
34185
34186
34187
34188
34189
34190
34191
34192
34193
34194
34195
34196
34197
34198
34199
34200
34201
34202
34203
34204
34205
34206
34207
34208
34209
34210
34211
34212
34213
34214
34215
34216
34217
34218
34219
34220
34221
34222
34223
34224
34225
34226
34227
34228
34229
34230
34231
34232
34233
34234
34235
34236
34237
34238
34239
34240
34241
34242
34243
34244
34245
34246
34247
34248
34249
34250
34251
34252
34253
34254
34255
34256
34257
34258
34259
34260
34261
34262
34263
34264
34265
34266
34267
34268
34269
34270
34271
34272
34273
34274
34275
34276
34277
34278
34279
34280
34281
34282
34283
34284
34285
34286
34287
34288
34289
34290
34291
34292
34293
34294
34295
34296
34297
34298
34299
34300
34301
34302
34303
34304
34305
34306
34307
34308
34309
34310
34311
34312
34313
34314
34315
34316
34317
34318
34319
34320
34321
34322
34323
34324
34325
34326
34327
34328
34329
34330
34331
34332
34333
34334
34335
34336
34337
34338
34339
34340
34341
34342
34343
34344
34345
34346
34347
34348
34349
34350
34351
34352
34353
34354
34355
34356
34357
34358
34359
34360
34361
34362
34363
34364
34365
34366
34367
34368
34369
34370
34371
34372
34373
34374
34375
34376
34377
34378
34379
34380
34381
34382
34383
34384
34385
34386
34387
34388
34389
34390
34391
34392
34393
34394
34395
34396
34397
34398
34399
34400
34401
34402
34403
34404
34405
34406
34407
34408
34409
34410
34411
34412
34413
34414
34415
34416
34417
34418
34419
34420
34421
34422
34423
34424
34425
34426
34427
34428
34429
34430
34431
34432
34433
34434
34435
34436
34437
34438
34439
34440
34441
34442
34443
34444
34445
34446
34447
34448
34449
34450
34451
34452
34453
34454
34455
34456
34457
34458
34459
34460
34461
34462
34463
34464
34465
34466
34467
34468
34469
34470
34471
34472
34473
34474
34475
34476
34477
34478
34479
34480
34481
34482
34483
34484
34485
34486
34487
34488
34489
34490
34491
34492
34493
34494
34495
34496
34497
34498
34499
34500
34501
34502
34503
34504
34505
34506
34507
34508
34509
34510
34511
34512
34513
34514
34515
34516
34517
34518
34519
34520
34521
34522
34523
34524
34525
34526
34527
34528
34529
34530
34531
34532
34533
34534
34535
34536
34537
34538
34539
34540
34541
34542
34543
34544
34545
34546
34547
34548
34549
34550
34551
34552
34553
34554
34555
34556
34557
34558
34559
34560
34561
34562
34563
34564
34565
34566
34567
34568
34569
34570
34571
34572
34573
34574
34575
34576
34577
34578
34579
34580
34581
34582
34583
34584
34585
34586
34587
34588
34589
34590
34591
34592
34593
34594
34595
34596
34597
34598
34599
34600
34601
34602
34603
34604
34605
34606
34607
34608
34609
34610
34611
34612
34613
34614
34615
34616
34617
34618
34619
34620
34621
34622
34623
34624
34625
34626
34627
34628
34629
34630
34631
34632
34633
34634
34635
34636
34637
34638
34639
34640
34641
34642
34643
34644
34645
34646
34647
34648
34649
34650
34651
34652
34653
34654
34655
34656
34657
34658
34659
34660
34661
34662
34663
34664
34665
34666
34667
34668
34669
34670
34671
34672
34673
34674
34675
34676
34677
34678
34679
34680
34681
34682
34683
34684
34685
34686
34687
34688
34689
34690
34691
34692
34693
34694
34695
34696
34697
34698
34699
34700
34701
34702
34703
34704
34705
34706
34707
34708
34709
34710
34711
34712
34713
34714
34715
34716
34717
34718
34719
34720
34721
34722
34723
34724
34725
34726
34727
34728
34729
34730
34731
34732
34733
34734
34735
34736
34737
34738
34739
34740
34741
34742
34743
34744
34745
34746
34747
34748
34749
34750
34751
34752
34753
34754
34755
34756
34757
34758
34759
34760
34761
34762
34763
34764
34765
34766
34767
34768
34769
34770
34771
34772
34773
34774
34775
34776
34777
34778
34779
34780
34781
34782
34783
34784
34785
34786
34787
34788
34789
34790
34791
34792
34793
34794
34795
34796
34797
34798
34799
34800
34801
34802
34803
34804
34805
34806
34807
34808
34809
34810
34811
34812
34813
34814
34815
34816
34817
34818
34819
34820
34821
34822
34823
34824
34825
34826
34827
34828
34829
34830
34831
34832
34833
34834
34835
34836
34837
34838
34839
34840
34841
34842
34843
34844
34845
34846
34847
34848
34849
34850
34851
34852
34853
34854
34855
34856
34857
34858
34859
34860
34861
34862
34863
34864
34865
34866
34867
34868
34869
34870
34871
34872
34873
34874
34875
34876
34877
34878
34879
34880
34881
34882
34883
34884
34885
34886
34887
34888
34889
34890
34891
34892
34893
34894
34895
34896
34897
34898
34899
34900
34901
34902
34903
34904
34905
34906
34907
34908
34909
34910
34911
34912
34913
34914
34915
34916
34917
34918
34919
34920
34921
34922
34923
34924
34925
34926
34927
34928
34929
34930
34931
34932
34933
34934
34935
34936
34937
34938
34939
34940
34941
34942
34943
34944
34945
34946
34947
34948
34949
34950
34951
34952
34953
34954
34955
34956
34957
34958
34959
34960
34961
34962
34963
34964
34965
34966
34967
34968
34969
34970
34971
34972
34973
34974
34975
34976
34977
34978
34979
34980
34981
34982
34983
34984
34985
34986
34987
34988
34989
34990
34991
34992
34993
34994
34995
34996
34997
34998
34999
35000
35001
35002
35003
35004
35005
35006
35007
35008
35009
35010
35011
35012
35013
35014
35015
35016
35017
35018
35019
35020
35021
35022
35023
35024
35025
35026
35027
35028
35029
35030
35031
35032
35033
35034
35035
35036
35037
35038
35039
35040
35041
35042
35043
35044
35045
35046
35047
35048
35049
35050
35051
35052
35053
35054
35055
35056
35057
35058
35059
35060
35061
35062
35063
35064
35065
35066
35067
35068
35069
35070
35071
35072
35073
35074
35075
35076
35077
35078
35079
35080
35081
35082
35083
35084
35085
35086
35087
35088
35089
35090
35091
35092
35093
35094
35095
35096
35097
35098
35099
35100
35101
35102
35103
35104
35105
35106
35107
35108
35109
35110
35111
35112
35113
35114
35115
35116
35117
35118
35119
35120
35121
35122
35123
35124
35125
35126
35127
35128
35129
35130
35131
35132
35133
35134
35135
35136
35137
35138
35139
35140
35141
35142
35143
35144
35145
35146
35147
35148
35149
35150
35151
35152
35153
35154
35155
35156
35157
35158
35159
35160
35161
35162
35163
35164
35165
35166
35167
35168
35169
35170
35171
35172
35173
35174
35175
35176
35177
35178
35179
35180
35181
35182
35183
35184
35185
35186
35187
35188
35189
35190
35191
35192
35193
35194
35195
35196
35197
35198
35199
35200
35201
35202
35203
35204
35205
35206
35207
35208
35209
35210
35211
35212
35213
35214
35215
35216
35217
35218
35219
35220
35221
35222
35223
35224
35225
35226
35227
35228
35229
35230
35231
35232
35233
35234
35235
35236
35237
35238
35239
35240
35241
35242
35243
35244
35245
35246
35247
35248
35249
35250
35251
35252
35253
35254
35255
35256
35257
35258
35259
35260
35261
35262
35263
35264
35265
35266
35267
35268
35269
35270
35271
35272
35273
35274
35275
35276
35277
35278
35279
35280
35281
35282
35283
35284
35285
35286
35287
35288
35289
35290
35291
35292
35293
35294
35295
35296
35297
35298
35299
35300
35301
35302
35303
35304
35305
35306
35307
35308
35309
35310
35311
35312
35313
35314
35315
35316
35317
35318
35319
35320
35321
35322
35323
35324
35325
35326
35327
35328
35329
35330
35331
35332
35333
35334
35335
35336
35337
35338
35339
35340
35341
35342
35343
35344
35345
35346
35347
35348
35349
35350
35351
35352
35353
35354
35355
35356
35357
35358
35359
35360
35361
35362
35363
35364
35365
35366
35367
35368
35369
35370
35371
35372
35373
35374
35375
35376
35377
35378
35379
35380
35381
35382
35383
35384
35385
35386
35387
35388
35389
35390
35391
35392
35393
35394
35395
35396
35397
35398
35399
35400
35401
35402
35403
35404
35405
35406
35407
35408
35409
35410
35411
35412
35413
35414
35415
35416
35417
35418
35419
35420
35421
35422
35423
35424
35425
35426
35427
35428
35429
35430
35431
35432
35433
35434
35435
35436
35437
35438
35439
35440
35441
35442
35443
35444
35445
35446
35447
35448
35449
35450
35451
35452
35453
35454
35455
35456
35457
35458
35459
35460
35461
35462
35463
35464
35465
35466
35467
35468
35469
35470
35471
35472
35473
35474
35475
35476
35477
35478
35479
35480
35481
35482
35483
35484
35485
35486
35487
35488
35489
35490
35491
35492
35493
35494
35495
35496
35497
35498
35499
35500
35501
35502
35503
35504
35505
35506
35507
35508
35509
35510
35511
35512
35513
35514
35515
35516
35517
35518
35519
35520
35521
35522
35523
35524
35525
35526
35527
35528
35529
35530
35531
35532
35533
35534
35535
35536
35537
35538
35539
35540
35541
35542
35543
35544
35545
35546
35547
35548
35549
35550
35551
35552
35553
35554
35555
35556
35557
35558
35559
35560
35561
35562
35563
35564
35565
35566
35567
35568
35569
35570
35571
35572
35573
35574
35575
35576
35577
35578
35579
35580
35581
35582
35583
35584
35585
35586
35587
35588
35589
35590
35591
35592
35593
35594
35595
35596
35597
35598
35599
35600
35601
35602
35603
35604
35605
35606
35607
35608
35609
35610
35611
35612
35613
35614
35615
35616
35617
35618
35619
35620
35621
35622
35623
35624
35625
35626
35627
35628
35629
35630
35631
35632
35633
35634
35635
35636
35637
35638
35639
35640
35641
35642
35643
35644
35645
35646
35647
35648
35649
35650
35651
35652
35653
35654
35655
35656
35657
35658
35659
35660
35661
35662
35663
35664
35665
35666
35667
35668
35669
35670
35671
35672
35673
35674
35675
35676
35677
35678
35679
35680
35681
35682
35683
35684
35685
35686
35687
35688
35689
35690
35691
35692
35693
35694
35695
35696
35697
35698
35699
35700
35701
35702
35703
35704
35705
35706
35707
35708
35709
35710
35711
35712
35713
35714
35715
35716
35717
35718
35719
35720
35721
35722
35723
35724
35725
35726
35727
35728
35729
35730
35731
35732
35733
35734
35735
35736
35737
35738
35739
35740
35741
35742
35743
35744
35745
35746
35747
35748
35749
35750
35751
35752
35753
35754
35755
35756
35757
35758
35759
35760
35761
35762
35763
35764
35765
35766
35767
35768
35769
35770
35771
35772
35773
35774
35775
35776
35777
35778
35779
35780
35781
35782
35783
35784
35785
35786
35787
35788
35789
35790
35791
35792
35793
35794
35795
35796
35797
35798
35799
35800
35801
35802
35803
35804
35805
35806
35807
35808
35809
35810
35811
35812
35813
35814
35815
35816
35817
35818
35819
35820
35821
35822
35823
35824
35825
35826
35827
35828
35829
35830
35831
35832
35833
35834
35835
35836
35837
35838
35839
35840
35841
35842
35843
35844
35845
35846
35847
35848
35849
35850
35851
35852
35853
35854
35855
35856
35857
35858
35859
35860
35861
35862
35863
35864
35865
35866
35867
35868
35869
35870
35871
35872
35873
35874
35875
35876
35877
35878
35879
35880
35881
35882
35883
35884
35885
35886
35887
35888
35889
35890
35891
35892
35893
35894
35895
35896
35897
35898
35899
35900
35901
35902
35903
35904
35905
35906
35907
35908
35909
35910
35911
35912
35913
35914
35915
35916
35917
35918
35919
35920
35921
35922
35923
35924
35925
35926
35927
35928
35929
35930
35931
35932
35933
35934
35935
35936
35937
35938
35939
35940
35941
35942
35943
35944
35945
35946
35947
35948
35949
35950
35951
35952
35953
35954
35955
35956
35957
35958
35959
35960
35961
35962
35963
35964
35965
35966
35967
35968
35969
35970
35971
35972
35973
35974
35975
35976
35977
35978
35979
35980
35981
35982
35983
35984
35985
35986
35987
35988
35989
35990
35991
35992
35993
35994
35995
35996
35997
35998
35999
36000
36001
36002
36003
36004
36005
36006
36007
36008
36009
36010
36011
36012
36013
36014
36015
36016
36017
36018
36019
36020
36021
36022
36023
36024
36025
36026
36027
36028
36029
36030
36031
36032
36033
36034
36035
36036
36037
36038
36039
36040
36041
36042
36043
36044
36045
36046
36047
36048
36049
36050
36051
36052
36053
36054
36055
36056
36057
36058
36059
36060
36061
36062
36063
36064
36065
36066
36067
36068
36069
36070
36071
36072
36073
36074
36075
36076
36077
36078
36079
36080
36081
36082
36083
36084
36085
36086
36087
36088
36089
36090
36091
36092
36093
36094
36095
36096
36097
36098
36099
36100
36101
36102
36103
36104
36105
36106
36107
36108
36109
36110
36111
36112
36113
36114
36115
36116
36117
36118
36119
36120
36121
36122
36123
36124
36125
36126
36127
36128
36129
36130
36131
36132
36133
36134
36135
36136
36137
36138
36139
36140
36141
36142
36143
36144
36145
36146
36147
36148
36149
36150
36151
36152
36153
36154
36155
36156
36157
36158
36159
36160
36161
36162
36163
36164
36165
36166
36167
36168
36169
36170
36171
36172
36173
36174
36175
36176
36177
36178
36179
36180
36181
36182
36183
36184
36185
36186
36187
36188
36189
36190
36191
36192
36193
36194
36195
36196
36197
36198
36199
36200
36201
36202
36203
36204
36205
36206
36207
36208
36209
36210
36211
36212
36213
36214
36215
36216
36217
36218
36219
36220
36221
36222
36223
36224
36225
36226
36227
36228
36229
36230
36231
36232
36233
36234
36235
36236
36237
36238
36239
36240
36241
36242
36243
36244
36245
36246
36247
36248
36249
36250
36251
36252
36253
36254
36255
36256
36257
36258
36259
36260
36261
36262
36263
36264
36265
36266
36267
36268
36269
36270
36271
36272
36273
36274
36275
36276
36277
36278
36279
36280
36281
36282
36283
36284
36285
36286
36287
36288
36289
36290
36291
36292
36293
36294
36295
36296
36297
36298
36299
36300
36301
36302
36303
36304
36305
36306
36307
36308
36309
36310
36311
36312
36313
36314
36315
36316
36317
36318
36319
36320
36321
36322
36323
36324
36325
36326
36327
36328
36329
36330
36331
36332
36333
36334
36335
36336
36337
36338
36339
36340
36341
36342
36343
36344
36345
36346
36347
36348
36349
36350
36351
36352
36353
36354
36355
36356
36357
36358
36359
36360
36361
36362
36363
36364
36365
36366
36367
36368
36369
36370
36371
36372
36373
36374
36375
36376
36377
36378
36379
36380
36381
36382
36383
36384
36385
36386
36387
36388
36389
36390
36391
36392
36393
36394
36395
36396
36397
36398
36399
36400
36401
36402
36403
36404
36405
36406
36407
36408
36409
36410
36411
36412
36413
36414
36415
36416
36417
36418
36419
36420
36421
36422
36423
36424
36425
36426
36427
36428
36429
36430
36431
36432
36433
36434
36435
36436
36437
36438
36439
36440
36441
36442
36443
36444
36445
36446
36447
36448
36449
36450
36451
36452
36453
36454
36455
36456
36457
36458
36459
36460
36461
36462
36463
36464
36465
36466
36467
36468
36469
36470
36471
36472
36473
36474
36475
36476
36477
36478
36479
36480
36481
36482
36483
36484
36485
36486
36487
36488
36489
36490
36491
36492
36493
36494
36495
36496
36497
36498
36499
36500
36501
36502
36503
36504
36505
36506
36507
36508
36509
36510
36511
36512
36513
36514
36515
36516
36517
36518
36519
36520
36521
36522
36523
36524
36525
36526
36527
36528
36529
36530
36531
36532
36533
36534
36535
36536
36537
36538
36539
36540
36541
36542
36543
36544
36545
36546
36547
36548
36549
36550
36551
36552
36553
36554
36555
36556
36557
36558
36559
36560
36561
36562
36563
36564
36565
36566
36567
36568
36569
36570
36571
36572
36573
36574
36575
36576
36577
36578
36579
36580
36581
36582
36583
36584
36585
36586
36587
36588
36589
36590
36591
36592
36593
36594
36595
36596
36597
36598
36599
36600
36601
36602
36603
36604
36605
36606
36607
36608
36609
36610
36611
36612
36613
36614
36615
36616
36617
36618
36619
36620
36621
36622
36623
36624
36625
36626
36627
36628
36629
36630
36631
36632
36633
36634
36635
36636
36637
36638
36639
36640
36641
36642
36643
36644
36645
36646
36647
36648
36649
36650
36651
36652
36653
36654
36655
36656
36657
36658
36659
36660
36661
36662
36663
36664
36665
36666
36667
36668
36669
36670
36671
36672
36673
36674
36675
36676
36677
36678
36679
36680
36681
36682
36683
36684
36685
36686
36687
36688
36689
36690
36691
36692
36693
36694
36695
36696
36697
36698
36699
36700
36701
36702
36703
36704
36705
36706
36707
36708
36709
36710
36711
36712
36713
36714
36715
36716
36717
36718
36719
36720
36721
36722
36723
36724
36725
36726
36727
36728
36729
36730
36731
36732
36733
36734
36735
36736
36737
36738
36739
36740
36741
36742
36743
36744
36745
36746
36747
36748
36749
36750
36751
36752
36753
36754
36755
36756
36757
36758
36759
36760
36761
36762
36763
36764
36765
36766
36767
36768
36769
36770
36771
36772
36773
36774
36775
36776
36777
36778
36779
36780
36781
36782
36783
36784
36785
36786
36787
36788
36789
36790
36791
36792
36793
36794
36795
36796
36797
36798
36799
36800
36801
36802
36803
36804
36805
36806
36807
36808
36809
36810
36811
36812
36813
36814
36815
36816
36817
36818
36819
36820
36821
36822
36823
36824
36825
36826
36827
36828
36829
36830
36831
36832
36833
36834
36835
36836
36837
36838
36839
36840
36841
36842
36843
36844
36845
36846
36847
36848
36849
36850
36851
36852
36853
36854
36855
36856
36857
36858
36859
36860
36861
36862
36863
36864
36865
36866
36867
36868
36869
36870
36871
36872
36873
36874
36875
36876
36877
36878
36879
36880
36881
36882
36883
36884
36885
36886
36887
36888
36889
36890
36891
36892
36893
36894
36895
36896
36897
36898
36899
36900
36901
36902
36903
36904
36905
36906
36907
36908
36909
36910
36911
36912
36913
36914
36915
36916
36917
36918
36919
36920
36921
36922
36923
36924
36925
36926
36927
36928
36929
36930
36931
36932
36933
36934
36935
36936
36937
36938
36939
36940
36941
36942
36943
36944
36945
36946
36947
36948
36949
36950
36951
36952
36953
36954
36955
36956
36957
36958
36959
36960
36961
36962
36963
36964
36965
36966
36967
36968
36969
36970
36971
36972
36973
36974
36975
36976
36977
36978
36979
36980
36981
36982
36983
36984
36985
36986
36987
36988
36989
36990
36991
36992
36993
36994
36995
36996
36997
36998
36999
37000
37001
37002
37003
37004
37005
37006
37007
37008
37009
37010
37011
37012
37013
37014
37015
37016
37017
37018
37019
37020
37021
37022
37023
37024
37025
37026
37027
37028
37029
37030
37031
37032
37033
37034
37035
37036
37037
37038
37039
37040
37041
37042
37043
37044
37045
37046
37047
37048
37049
37050
37051
37052
37053
37054
37055
37056
37057
37058
37059
37060
37061
37062
37063
37064
37065
37066
37067
37068
37069
37070
37071
37072
37073
37074
37075
37076
37077
37078
37079
37080
37081
37082
37083
37084
37085
37086
37087
37088
37089
37090
37091
37092
37093
37094
37095
37096
37097
37098
37099
37100
37101
37102
37103
37104
37105
37106
37107
37108
37109
37110
37111
37112
37113
37114
37115
37116
37117
37118
37119
37120
37121
37122
37123
37124
37125
37126
37127
37128
37129
37130
37131
37132
37133
37134
37135
37136
37137
37138
37139
37140
37141
37142
37143
37144
37145
37146
37147
37148
37149
37150
37151
37152
37153
37154
37155
37156
37157
37158
37159
37160
37161
37162
37163
37164
37165
37166
37167
37168
37169
37170
37171
37172
37173
37174
37175
37176
37177
37178
37179
37180
37181
37182
37183
37184
37185
37186
37187
37188
37189
37190
37191
37192
37193
37194
37195
37196
37197
37198
37199
37200
37201
37202
37203
37204
37205
37206
37207
37208
37209
37210
37211
37212
37213
37214
37215
37216
37217
37218
37219
37220
37221
37222
37223
37224
37225
37226
37227
37228
37229
37230
37231
37232
37233
37234
37235
37236
37237
37238
37239
37240
37241
37242
37243
37244
37245
37246
37247
37248
37249
37250
37251
37252
37253
37254
37255
37256
37257
37258
37259
37260
37261
37262
37263
37264
37265
37266
37267
37268
37269
37270
37271
37272
37273
37274
37275
37276
37277
37278
37279
37280
37281
37282
37283
37284
37285
37286
37287
37288
37289
37290
37291
37292
37293
37294
37295
37296
37297
37298
37299
37300
37301
37302
37303
37304
37305
37306
37307
37308
37309
37310
37311
37312
37313
37314
37315
37316
37317
37318
37319
37320
37321
37322
37323
37324
37325
37326
37327
37328
37329
37330
37331
37332
37333
37334
37335
37336
37337
37338
37339
37340
37341
37342
37343
37344
37345
37346
37347
37348
37349
37350
37351
37352
37353
37354
37355
37356
37357
37358
37359
37360
37361
37362
37363
37364
37365
37366
37367
37368
37369
37370
37371
37372
37373
37374
37375
37376
37377
37378
37379
37380
37381
37382
37383
37384
37385
37386
37387
37388
37389
37390
37391
37392
37393
37394
37395
37396
37397
37398
37399
37400
37401
37402
37403
37404
37405
37406
37407
37408
37409
37410
37411
37412
37413
37414
37415
37416
37417
37418
37419
37420
37421
37422
37423
37424
37425
37426
37427
37428
37429
37430
37431
37432
37433
37434
37435
37436
37437
37438
37439
37440
37441
37442
37443
37444
37445
37446
37447
37448
37449
37450
37451
37452
37453
37454
37455
37456
37457
37458
37459
37460
37461
37462
37463
37464
37465
37466
37467
37468
37469
37470
37471
37472
37473
37474
37475
37476
37477
37478
37479
37480
37481
37482
37483
37484
37485
37486
37487
37488
37489
37490
37491
37492
37493
37494
37495
37496
37497
37498
37499
37500
37501
37502
37503
37504
37505
37506
37507
37508
37509
37510
37511
37512
37513
37514
37515
37516
37517
37518
37519
37520
37521
37522
37523
37524
37525
37526
37527
37528
37529
37530
37531
37532
37533
37534
37535
37536
37537
37538
37539
37540
37541
37542
37543
37544
37545
37546
37547
37548
37549
37550
37551
37552
37553
37554
37555
37556
37557
37558
37559
37560
37561
37562
37563
37564
37565
37566
37567
37568
37569
37570
37571
37572
37573
37574
37575
37576
37577
37578
37579
37580
37581
37582
37583
37584
37585
37586
37587
37588
37589
37590
37591
37592
37593
37594
37595
37596
37597
37598
37599
37600
37601
37602
37603
37604
37605
37606
37607
37608
37609
37610
37611
37612
37613
37614
37615
37616
37617
37618
37619
37620
37621
37622
37623
37624
37625
37626
37627
37628
37629
37630
37631
37632
37633
37634
37635
37636
37637
37638
37639
37640
37641
37642
37643
37644
37645
37646
37647
37648
37649
37650
37651
37652
37653
37654
37655
37656
37657
37658
37659
37660
37661
37662
37663
37664
37665
37666
37667
37668
37669
37670
37671
37672
37673
37674
37675
37676
37677
37678
37679
37680
37681
37682
37683
37684
37685
37686
37687
37688
37689
37690
37691
37692
37693
37694
37695
37696
37697
37698
37699
37700
37701
37702
37703
37704
37705
37706
37707
37708
37709
37710
37711
37712
37713
37714
37715
37716
37717
37718
37719
37720
37721
37722
37723
37724
37725
37726
37727
37728
37729
37730
37731
37732
37733
37734
37735
37736
37737
37738
37739
37740
37741
37742
37743
37744
37745
37746
37747
37748
37749
37750
37751
37752
37753
37754
37755
37756
37757
37758
37759
37760
37761
37762
37763
37764
37765
37766
37767
37768
37769
37770
37771
37772
37773
37774
37775
37776
37777
37778
37779
37780
37781
37782
37783
37784
37785
37786
37787
37788
37789
37790
37791
37792
37793
37794
37795
37796
37797
37798
37799
37800
37801
37802
37803
37804
37805
37806
37807
37808
37809
37810
37811
37812
37813
37814
37815
37816
37817
37818
37819
37820
37821
37822
37823
37824
37825
37826
37827
37828
37829
37830
37831
37832
37833
37834
37835
37836
37837
37838
37839
37840
37841
37842
37843
37844
37845
37846
37847
37848
37849
37850
37851
37852
37853
37854
37855
37856
37857
37858
37859
37860
37861
37862
37863
37864
37865
37866
37867
37868
37869
37870
37871
37872
37873
37874
37875
37876
37877
37878
37879
37880
37881
37882
37883
37884
37885
37886
37887
37888
37889
37890
37891
37892
37893
37894
37895
37896
37897
37898
37899
37900
37901
37902
37903
37904
37905
37906
37907
37908
37909
37910
37911
37912
37913
37914
37915
37916
37917
37918
37919
37920
37921
37922
37923
37924
37925
37926
37927
37928
37929
37930
37931
37932
37933
37934
37935
37936
37937
37938
37939
37940
37941
37942
37943
37944
37945
37946
37947
37948
37949
37950
37951
37952
37953
37954
37955
37956
37957
37958
37959
37960
37961
37962
37963
37964
37965
37966
37967
37968
37969
37970
37971
37972
37973
37974
37975
37976
37977
37978
37979
37980
37981
37982
37983
37984
37985
37986
37987
37988
37989
37990
37991
37992
37993
37994
37995
37996
37997
37998
37999
38000
38001
38002
38003
38004
38005
38006
38007
38008
38009
38010
38011
38012
38013
38014
38015
38016
38017
38018
38019
38020
38021
38022
38023
38024
38025
38026
38027
38028
38029
38030
38031
38032
38033
38034
38035
38036
38037
38038
38039
38040
38041
38042
38043
38044
38045
38046
38047
38048
38049
38050
38051
38052
38053
38054
38055
38056
38057
38058
38059
38060
38061
38062
38063
38064
38065
38066
38067
38068
38069
38070
38071
38072
38073
38074
38075
38076
38077
38078
38079
38080
38081
38082
38083
38084
38085
38086
38087
38088
38089
38090
38091
38092
38093
38094
38095
38096
38097
38098
38099
38100
38101
38102
38103
38104
38105
38106
38107
38108
38109
38110
38111
38112
38113
38114
38115
38116
38117
38118
38119
38120
38121
38122
38123
38124
38125
38126
38127
38128
38129
38130
38131
38132
38133
38134
38135
38136
38137
38138
38139
38140
38141
38142
38143
38144
38145
38146
38147
38148
38149
38150
38151
38152
38153
38154
38155
38156
38157
38158
38159
38160
38161
38162
38163
38164
38165
38166
38167
38168
38169
38170
38171
38172
38173
38174
38175
38176
38177
38178
38179
38180
38181
38182
38183
38184
38185
38186
38187
38188
38189
38190
38191
38192
38193
38194
38195
38196
38197
38198
38199
38200
38201
38202
38203
38204
38205
38206
38207
38208
38209
38210
38211
38212
38213
38214
38215
38216
38217
38218
38219
38220
38221
38222
38223
38224
38225
38226
38227
38228
38229
38230
38231
38232
38233
38234
38235
38236
38237
38238
38239
38240
38241
38242
38243
38244
38245
38246
38247
38248
38249
38250
38251
38252
38253
38254
38255
38256
38257
38258
38259
38260
38261
38262
38263
38264
38265
38266
38267
38268
38269
38270
38271
38272
38273
38274
38275
38276
38277
38278
38279
38280
38281
38282
38283
38284
38285
38286
38287
38288
38289
38290
38291
38292
38293
38294
38295
38296
38297
38298
38299
38300
38301
38302
38303
38304
38305
38306
38307
38308
38309
38310
38311
38312
38313
38314
38315
38316
38317
38318
38319
38320
38321
38322
38323
38324
38325
38326
38327
38328
38329
38330
38331
38332
38333
38334
38335
38336
38337
38338
38339
38340
38341
38342
38343
38344
38345
38346
38347
38348
38349
38350
38351
38352
38353
38354
38355
38356
38357
38358
38359
38360
38361
38362
38363
38364
38365
38366
38367
38368
38369
38370
38371
38372
38373
38374
38375
38376
38377
38378
38379
38380
38381
38382
38383
38384
38385
38386
38387
38388
38389
38390
38391
38392
38393
38394
38395
38396
38397
38398
38399
38400
38401
38402
38403
38404
38405
38406
38407
38408
38409
38410
38411
38412
38413
38414
38415
38416
38417
38418
38419
38420
38421
38422
38423
38424
38425
38426
38427
38428
38429
38430
38431
38432
38433
38434
38435
38436
38437
38438
38439
38440
38441
38442
38443
38444
38445
38446
38447
38448
38449
38450
38451
38452
38453
38454
38455
38456
38457
38458
38459
38460
38461
38462
38463
38464
38465
38466
38467
38468
38469
38470
38471
38472
38473
38474
38475
38476
38477
38478
38479
38480
38481
38482
38483
38484
38485
38486
38487
38488
38489
38490
38491
38492
38493
38494
38495
38496
38497
38498
38499
38500
38501
38502
38503
38504
38505
38506
38507
38508
38509
38510
38511
38512
38513
38514
38515
38516
38517
38518
38519
38520
38521
38522
38523
38524
38525
38526
38527
38528
38529
38530
38531
38532
38533
38534
38535
38536
38537
38538
38539
38540
38541
38542
38543
38544
38545
38546
38547
38548
38549
38550
38551
38552
38553
38554
38555
38556
38557
38558
38559
38560
38561
38562
38563
38564
38565
38566
38567
38568
38569
38570
38571
38572
38573
38574
38575
38576
38577
38578
38579
38580
38581
38582
38583
38584
38585
38586
38587
38588
38589
38590
38591
38592
38593
38594
38595
38596
38597
38598
38599
38600
38601
38602
38603
38604
38605
38606
38607
38608
38609
38610
38611
38612
38613
38614
38615
38616
38617
38618
38619
38620
38621
38622
38623
38624
38625
38626
38627
38628
38629
38630
38631
38632
38633
38634
38635
38636
38637
38638
38639
38640
38641
38642
38643
38644
38645
38646
38647
38648
38649
38650
38651
38652
38653
38654
38655
38656
38657
38658
38659
38660
38661
38662
38663
38664
38665
38666
38667
38668
38669
38670
38671
38672
38673
38674
38675
38676
38677
38678
38679
38680
38681
38682
38683
38684
38685
38686
38687
38688
38689
38690
38691
38692
38693
38694
38695
38696
38697
38698
38699
38700
38701
38702
38703
38704
38705
38706
38707
38708
38709
38710
38711
38712
38713
38714
38715
38716
38717
38718
38719
38720
38721
38722
38723
38724
38725
38726
38727
38728
38729
38730
38731
38732
38733
38734
38735
38736
38737
38738
38739
38740
38741
38742
38743
38744
38745
38746
38747
38748
38749
38750
38751
38752
38753
38754
38755
38756
38757
38758
38759
38760
38761
38762
38763
38764
38765
38766
38767
38768
38769
38770
38771
38772
38773
38774
38775
38776
38777
38778
38779
38780
38781
38782
38783
38784
38785
38786
38787
38788
38789
38790
38791
38792
38793
38794
38795
38796
38797
38798
38799
38800
38801
38802
38803
38804
38805
38806
38807
38808
38809
38810
38811
38812
38813
38814
38815
38816
38817
38818
38819
38820
38821
38822
38823
38824
38825
38826
38827
38828
38829
38830
38831
38832
38833
38834
38835
38836
38837
38838
38839
38840
38841
38842
38843
38844
38845
38846
38847
38848
38849
38850
38851
38852
38853
38854
38855
38856
38857
38858
38859
38860
38861
38862
38863
38864
38865
38866
38867
38868
38869
38870
38871
38872
38873
38874
38875
38876
38877
38878
38879
38880
38881
38882
38883
38884
38885
38886
38887
38888
38889
38890
38891
38892
38893
38894
38895
38896
38897
38898
38899
38900
38901
38902
38903
38904
38905
38906
38907
38908
38909
38910
38911
38912
38913
38914
38915
38916
38917
38918
38919
38920
38921
38922
38923
38924
38925
38926
38927
38928
38929
38930
38931
38932
38933
38934
38935
38936
38937
38938
38939
38940
38941
38942
38943
38944
38945
38946
38947
38948
38949
38950
38951
38952
38953
38954
38955
38956
38957
38958
38959
38960
38961
38962
38963
38964
38965
38966
38967
38968
38969
38970
38971
38972
38973
38974
38975
38976
38977
38978
38979
38980
38981
38982
38983
38984
38985
38986
38987
38988
38989
38990
38991
38992
38993
38994
38995
38996
38997
38998
38999
39000
39001
39002
39003
39004
39005
39006
39007
39008
39009
39010
39011
39012
39013
39014
39015
39016
39017
39018
39019
39020
39021
39022
39023
39024
39025
39026
39027
39028
39029
39030
39031
39032
39033
39034
39035
39036
39037
39038
39039
39040
39041
39042
39043
39044
39045
39046
39047
39048
39049
39050
39051
39052
39053
39054
39055
39056
39057
39058
39059
39060
39061
39062
39063
39064
39065
39066
39067
39068
39069
39070
39071
39072
39073
39074
39075
39076
39077
39078
39079
39080
39081
39082
39083
39084
39085
39086
39087
39088
39089
39090
39091
39092
39093
39094
39095
39096
39097
39098
39099
39100
39101
39102
39103
39104
39105
39106
39107
39108
39109
39110
39111
39112
39113
39114
39115
39116
39117
39118
39119
39120
39121
39122
39123
39124
39125
39126
39127
39128
39129
39130
39131
39132
39133
39134
39135
39136
39137
39138
39139
39140
39141
39142
39143
39144
39145
39146
39147
39148
39149
39150
39151
39152
39153
39154
39155
39156
39157
39158
39159
39160
39161
39162
39163
39164
39165
39166
39167
39168
39169
39170
39171
39172
39173
39174
39175
39176
39177
39178
39179
39180
39181
39182
39183
39184
39185
39186
39187
39188
39189
39190
39191
39192
39193
39194
39195
39196
39197
39198
39199
39200
39201
39202
39203
39204
39205
39206
39207
39208
39209
39210
39211
39212
39213
39214
39215
39216
39217
39218
39219
39220
39221
39222
39223
39224
39225
39226
39227
39228
39229
39230
39231
39232
39233
39234
39235
39236
39237
39238
39239
39240
39241
39242
39243
39244
39245
39246
39247
39248
39249
39250
39251
39252
39253
39254
39255
39256
39257
39258
39259
39260
39261
39262
39263
39264
39265
39266
39267
39268
39269
39270
39271
39272
39273
39274
39275
39276
39277
39278
39279
39280
39281
39282
39283
39284
39285
39286
39287
39288
39289
39290
39291
39292
39293
39294
39295
39296
39297
39298
39299
39300
39301
39302
39303
39304
39305
39306
39307
39308
39309
39310
39311
39312
39313
39314
39315
39316
39317
39318
39319
39320
39321
39322
39323
39324
39325
39326
39327
39328
39329
39330
39331
39332
39333
39334
39335
39336
39337
39338
39339
39340
39341
39342
39343
39344
39345
39346
39347
39348
39349
39350
39351
39352
39353
39354
39355
39356
39357
39358
39359
39360
39361
39362
39363
39364
39365
39366
39367
39368
39369
39370
39371
39372
39373
39374
39375
39376
39377
39378
39379
39380
39381
39382
39383
39384
39385
39386
39387
39388
39389
39390
39391
39392
39393
39394
39395
39396
39397
39398
39399
39400
39401
39402
39403
39404
39405
39406
39407
39408
39409
39410
39411
39412
39413
39414
39415
39416
39417
39418
39419
39420
39421
39422
39423
39424
39425
39426
39427
39428
39429
39430
39431
39432
39433
39434
39435
39436
39437
39438
39439
39440
39441
39442
39443
39444
39445
39446
39447
39448
39449
39450
39451
39452
39453
39454
39455
39456
39457
39458
39459
39460
39461
39462
39463
39464
39465
39466
39467
39468
39469
39470
39471
39472
39473
39474
39475
39476
39477
39478
39479
39480
39481
39482
39483
39484
39485
39486
39487
39488
39489
39490
39491
39492
39493
39494
39495
39496
39497
39498
39499
39500
39501
39502
39503
39504
39505
39506
39507
39508
39509
39510
39511
39512
39513
39514
39515
39516
39517
39518
39519
39520
39521
39522
39523
39524
39525
39526
39527
39528
39529
39530
39531
39532
39533
39534
39535
39536
39537
39538
39539
39540
39541
39542
39543
39544
39545
39546
39547
39548
39549
39550
39551
39552
39553
39554
39555
39556
39557
39558
39559
39560
39561
39562
39563
39564
39565
39566
39567
39568
39569
39570
39571
39572
39573
39574
39575
39576
39577
39578
39579
39580
39581
39582
39583
39584
39585
39586
39587
39588
39589
39590
39591
39592
39593
39594
39595
39596
39597
39598
39599
39600
39601
39602
39603
39604
39605
39606
39607
39608
39609
39610
39611
39612
39613
39614
39615
39616
39617
39618
39619
39620
39621
39622
39623
39624
39625
39626
39627
39628
39629
39630
39631
39632
39633
39634
39635
39636
39637
39638
39639
39640
39641
39642
39643
39644
39645
39646
39647
39648
39649
39650
39651
39652
39653
39654
39655
39656
39657
39658
39659
39660
39661
39662
39663
39664
39665
39666
39667
39668
39669
39670
39671
39672
39673
39674
39675
39676
39677
39678
39679
39680
39681
39682
39683
39684
39685
39686
39687
39688
39689
39690
39691
39692
39693
39694
39695
39696
39697
39698
39699
39700
39701
39702
39703
39704
39705
39706
39707
39708
39709
39710
39711
39712
39713
39714
39715
39716
39717
39718
39719
39720
39721
39722
39723
39724
39725
39726
39727
39728
39729
39730
39731
39732
39733
39734
39735
39736
39737
39738
39739
39740
39741
39742
39743
39744
39745
39746
39747
39748
39749
39750
39751
39752
39753
39754
39755
39756
39757
39758
39759
39760
39761
39762
39763
39764
39765
39766
39767
39768
39769
39770
39771
39772
39773
39774
39775
39776
39777
39778
39779
39780
39781
39782
39783
39784
39785
39786
39787
39788
39789
39790
39791
39792
39793
39794
39795
39796
39797
39798
39799
39800
39801
39802
39803
39804
39805
39806
39807
39808
39809
39810
39811
39812
39813
39814
39815
39816
39817
39818
39819
39820
39821
39822
39823
39824
39825
39826
39827
39828
39829
39830
39831
39832
39833
39834
39835
39836
39837
39838
39839
39840
39841
39842
39843
39844
39845
39846
39847
39848
39849
39850
39851
39852
39853
39854
39855
39856
39857
39858
39859
39860
39861
39862
39863
39864
39865
39866
39867
39868
39869
39870
39871
39872
39873
39874
39875
39876
39877
39878
39879
39880
39881
39882
39883
39884
39885
39886
39887
39888
39889
39890
39891
39892
39893
39894
39895
39896
39897
39898
39899
39900
39901
39902
39903
39904
39905
39906
39907
39908
39909
39910
39911
39912
39913
39914
39915
39916
39917
39918
39919
39920
39921
39922
39923
39924
39925
39926
39927
39928
39929
39930
39931
39932
39933
39934
39935
39936
39937
39938
39939
39940
39941
39942
39943
39944
39945
39946
39947
39948
39949
39950
39951
39952
39953
39954
39955
39956
39957
39958
39959
39960
39961
39962
39963
39964
39965
39966
39967
39968
39969
39970
39971
39972
39973
39974
39975
39976
39977
39978
39979
39980
39981
39982
39983
39984
39985
39986
39987
39988
39989
39990
39991
39992
39993
39994
39995
39996
39997
39998
39999
40000
40001
40002
40003
40004
40005
40006
40007
40008
40009
40010
40011
40012
40013
40014
40015
40016
40017
40018
40019
40020
40021
40022
40023
40024
40025
40026
40027
40028
40029
40030
40031
40032
40033
40034
40035
40036
40037
40038
40039
40040
40041
40042
40043
40044
40045
40046
40047
40048
40049
40050
40051
40052
40053
40054
40055
40056
40057
40058
40059
40060
40061
40062
40063
40064
40065
40066
40067
40068
40069
40070
40071
40072
40073
40074
40075
40076
40077
40078
40079
40080
40081
40082
40083
40084
40085
40086
40087
40088
40089
40090
40091
40092
40093
40094
40095
40096
40097
40098
40099
40100
40101
40102
40103
40104
40105
40106
40107
40108
40109
40110
40111
40112
40113
40114
40115
40116
40117
40118
40119
40120
40121
40122
40123
40124
40125
40126
40127
40128
40129
40130
40131
40132
40133
40134
40135
40136
40137
40138
40139
40140
40141
40142
40143
40144
40145
40146
40147
40148
40149
40150
40151
40152
40153
40154
40155
40156
40157
40158
40159
40160
40161
40162
40163
40164
40165
40166
40167
40168
40169
40170
40171
40172
40173
40174
40175
40176
40177
40178
40179
40180
40181
40182
40183
40184
40185
40186
40187
40188
40189
40190
40191
40192
40193
40194
40195
40196
40197
40198
40199
40200
40201
40202
40203
40204
40205
40206
40207
40208
40209
40210
40211
40212
40213
40214
40215
40216
40217
40218
40219
40220
40221
40222
40223
40224
40225
40226
40227
40228
40229
40230
40231
40232
40233
40234
40235
40236
40237
40238
40239
40240
40241
40242
40243
40244
40245
40246
40247
40248
40249
40250
40251
40252
40253
40254
40255
40256
40257
40258
40259
40260
40261
40262
40263
40264
40265
40266
40267
40268
40269
40270
40271
40272
40273
40274
40275
40276
40277
40278
40279
40280
40281
40282
40283
40284
40285
40286
40287
40288
40289
40290
40291
40292
40293
40294
40295
40296
40297
40298
40299
40300
40301
40302
40303
40304
40305
40306
40307
40308
40309
40310
40311
40312
40313
40314
40315
40316
40317
40318
40319
40320
40321
40322
40323
40324
40325
40326
40327
40328
40329
40330
40331
40332
40333
40334
40335
40336
40337
40338
40339
40340
40341
40342
40343
40344
40345
40346
40347
40348
40349
40350
40351
40352
40353
40354
40355
40356
40357
40358
40359
40360
40361
40362
40363
40364
40365
40366
40367
40368
40369
40370
40371
40372
40373
40374
40375
40376
40377
40378
40379
40380
40381
40382
40383
40384
40385
40386
40387
40388
40389
40390
40391
40392
40393
40394
40395
40396
40397
40398
40399
40400
40401
40402
40403
40404
40405
40406
40407
40408
40409
40410
40411
40412
40413
40414
40415
40416
40417
40418
40419
40420
40421
40422
40423
40424
40425
40426
40427
40428
40429
40430
40431
40432
40433
40434
40435
40436
40437
40438
40439
40440
40441
40442
40443
40444
40445
40446
40447
40448
40449
40450
40451
40452
40453
40454
40455
40456
40457
40458
40459
40460
40461
40462
40463
40464
40465
40466
40467
40468
40469
40470
40471
40472
40473
40474
40475
40476
40477
40478
40479
40480
40481
40482
40483
40484
40485
40486
40487
40488
40489
40490
40491
40492
40493
40494
40495
40496
40497
40498
40499
40500
40501
40502
40503
40504
40505
40506
40507
40508
40509
40510
40511
40512
40513
40514
40515
40516
40517
40518
40519
40520
40521
40522
40523
40524
40525
40526
40527
40528
40529
40530
40531
40532
40533
40534
40535
40536
40537
40538
40539
40540
40541
40542
40543
40544
40545
40546
40547
40548
40549
40550
40551
40552
40553
40554
40555
40556
40557
40558
40559
40560
40561
40562
40563
40564
40565
40566
40567
40568
40569
40570
40571
40572
40573
40574
40575
40576
40577
40578
40579
40580
40581
40582
40583
40584
40585
40586
40587
40588
40589
40590
40591
40592
40593
40594
40595
40596
40597
40598
40599
40600
40601
40602
40603
40604
40605
40606
40607
40608
40609
40610
40611
40612
40613
40614
40615
40616
40617
40618
40619
40620
40621
40622
40623
40624
40625
40626
40627
40628
40629
40630
40631
40632
40633
40634
40635
40636
40637
40638
40639
40640
40641
40642
40643
40644
40645
40646
40647
40648
40649
40650
40651
40652
40653
40654
40655
40656
40657
40658
40659
40660
40661
40662
40663
40664
40665
40666
40667
40668
40669
40670
40671
40672
40673
40674
40675
40676
40677
40678
40679
40680
40681
40682
40683
40684
40685
40686
40687
40688
40689
40690
40691
40692
40693
40694
40695
40696
40697
40698
40699
40700
40701
40702
40703
40704
40705
40706
40707
40708
40709
40710
40711
40712
40713
40714
40715
40716
40717
40718
40719
40720
40721
40722
40723
40724
40725
40726
40727
40728
40729
40730
40731
40732
40733
40734
40735
40736
40737
40738
40739
40740
40741
40742
40743
40744
40745
40746
40747
40748
40749
40750
40751
40752
40753
40754
40755
40756
40757
40758
40759
40760
40761
40762
40763
40764
40765
40766
40767
40768
40769
40770
40771
40772
40773
40774
40775
40776
40777
40778
40779
40780
40781
40782
40783
40784
40785
40786
40787
40788
40789
40790
40791
40792
40793
40794
40795
40796
40797
40798
40799
40800
40801
40802
40803
40804
40805
40806
40807
40808
40809
40810
40811
40812
40813
40814
40815
40816
40817
40818
40819
40820
40821
40822
40823
40824
40825
40826
40827
40828
40829
40830
40831
40832
40833
40834
40835
40836
40837
40838
40839
40840
40841
40842
40843
40844
40845
40846
40847
40848
40849
40850
40851
40852
40853
40854
40855
40856
40857
40858
40859
40860
40861
40862
40863
40864
40865
40866
40867
40868
40869
40870
40871
40872
40873
40874
40875
40876
40877
40878
40879
40880
40881
40882
40883
40884
40885
40886
40887
40888
40889
40890
40891
40892
40893
40894
40895
40896
40897
40898
40899
40900
40901
40902
40903
40904
40905
40906
40907
40908
40909
40910
40911
40912
40913
40914
40915
40916
40917
40918
40919
40920
40921
40922
40923
40924
40925
40926
40927
40928
40929
40930
40931
40932
40933
40934
40935
40936
40937
40938
40939
40940
40941
40942
40943
40944
40945
40946
40947
40948
40949
40950
40951
40952
40953
40954
40955
40956
40957
40958
40959
40960
40961
40962
40963
40964
40965
40966
40967
40968
40969
40970
40971
40972
40973
40974
40975
40976
40977
40978
40979
40980
40981
40982
40983
40984
40985
40986
40987
40988
40989
40990
40991
40992
40993
40994
40995
40996
40997
40998
40999
41000
41001
41002
41003
41004
41005
41006
41007
41008
41009
41010
41011
41012
41013
41014
41015
41016
41017
41018
41019
41020
41021
41022
41023
41024
41025
41026
41027
41028
41029
41030
41031
41032
41033
41034
41035
41036
41037
41038
41039
41040
41041
41042
41043
41044
41045
41046
41047
41048
41049
41050
41051
41052
41053
41054
41055
41056
41057
41058
41059
41060
41061
41062
41063
41064
41065
41066
41067
41068
41069
41070
41071
41072
41073
41074
41075
41076
41077
41078
41079
41080
41081
41082
41083
41084
41085
41086
41087
41088
41089
41090
41091
41092
41093
41094
41095
41096
41097
41098
41099
41100
41101
41102
41103
41104
41105
41106
41107
41108
41109
41110
41111
41112
41113
41114
41115
41116
41117
41118
41119
41120
41121
41122
41123
41124
41125
41126
41127
41128
41129
41130
41131
41132
41133
41134
41135
41136
41137
41138
41139
41140
41141
41142
41143
41144
41145
41146
41147
41148
41149
41150
41151
41152
41153
41154
41155
41156
41157
41158
41159
41160
41161
41162
41163
41164
41165
41166
41167
41168
41169
41170
41171
41172
41173
41174
41175
41176
41177
41178
41179
41180
41181
41182
41183
41184
41185
41186
41187
41188
41189
41190
41191
41192
41193
41194
41195
41196
41197
41198
41199
41200
41201
41202
41203
41204
41205
41206
41207
41208
41209
41210
41211
41212
41213
41214
41215
41216
41217
41218
41219
41220
41221
41222
41223
41224
41225
41226
41227
41228
41229
41230
41231
41232
41233
41234
41235
41236
41237
41238
41239
41240
41241
41242
41243
41244
41245
41246
41247
41248
41249
41250
41251
41252
41253
41254
41255
41256
41257
41258
41259
41260
41261
41262
41263
41264
41265
41266
41267
41268
41269
41270
41271
41272
41273
41274
41275
41276
41277
41278
41279
41280
41281
41282
41283
41284
41285
41286
41287
41288
41289
41290
41291
41292
41293
41294
41295
41296
41297
41298
41299
41300
41301
41302
41303
41304
41305
41306
41307
41308
41309
41310
41311
41312
41313
41314
41315
41316
41317
41318
41319
41320
41321
41322
41323
41324
41325
41326
41327
41328
41329
41330
41331
41332
41333
41334
41335
41336
41337
41338
41339
41340
41341
41342
41343
41344
41345
41346
41347
41348
41349
41350
41351
41352
41353
41354
41355
41356
41357
41358
41359
41360
41361
41362
41363
41364
41365
41366
41367
41368
41369
41370
41371
41372
41373
41374
41375
41376
41377
41378
41379
41380
41381
41382
41383
41384
41385
41386
41387
41388
41389
41390
41391
41392
41393
41394
41395
41396
41397
41398
41399
41400
41401
41402
41403
41404
41405
41406
41407
41408
41409
41410
41411
41412
41413
41414
41415
41416
41417
41418
41419
41420
41421
41422
41423
41424
41425
41426
41427
41428
41429
41430
41431
41432
41433
41434
41435
41436
41437
41438
41439
41440
41441
41442
41443
41444
41445
41446
41447
41448
41449
41450
41451
41452
41453
41454
41455
41456
41457
41458
41459
41460
41461
41462
41463
41464
41465
41466
41467
41468
41469
41470
41471
41472
41473
41474
41475
41476
41477
41478
41479
41480
41481
41482
41483
41484
41485
41486
41487
41488
41489
41490
41491
41492
41493
41494
41495
41496
41497
41498
41499
41500
41501
41502
41503
41504
41505
41506
41507
41508
41509
41510
41511
41512
41513
41514
41515
41516
41517
41518
41519
41520
41521
41522
41523
41524
41525
41526
41527
41528
41529
41530
41531
41532
41533
41534
41535
41536
41537
41538
41539
41540
41541
41542
41543
41544
41545
41546
41547
41548
41549
41550
41551
41552
41553
41554
41555
41556
41557
41558
41559
41560
41561
41562
41563
41564
41565
41566
41567
41568
41569
41570
41571
41572
41573
41574
41575
41576
41577
41578
41579
41580
41581
41582
41583
41584
41585
41586
41587
41588
41589
41590
41591
41592
41593
41594
41595
41596
41597
41598
41599
41600
41601
41602
41603
41604
41605
41606
41607
41608
41609
41610
41611
41612
41613
41614
41615
41616
41617
41618
41619
41620
41621
41622
41623
41624
41625
41626
41627
41628
41629
41630
41631
41632
41633
41634
41635
41636
41637
41638
41639
41640
41641
41642
41643
41644
41645
41646
41647
41648
41649
41650
41651
41652
41653
41654
41655
41656
41657
41658
41659
41660
41661
41662
41663
41664
41665
41666
41667
41668
41669
41670
41671
41672
41673
41674
41675
41676
41677
41678
41679
41680
41681
41682
41683
41684
41685
41686
41687
41688
41689
41690
41691
41692
41693
41694
41695
41696
41697
41698
41699
41700
41701
41702
41703
41704
41705
41706
41707
41708
41709
41710
41711
41712
41713
41714
41715
41716
41717
41718
41719
41720
41721
41722
41723
41724
41725
41726
41727
41728
41729
41730
41731
41732
41733
41734
41735
41736
41737
41738
41739
41740
41741
41742
41743
41744
41745
41746
41747
41748
41749
41750
41751
41752
41753
41754
41755
41756
41757
41758
41759
41760
41761
41762
41763
41764
41765
41766
41767
41768
41769
41770
41771
41772
41773
41774
41775
41776
41777
41778
41779
41780
41781
41782
41783
41784
41785
41786
41787
41788
41789
41790
41791
41792
41793
41794
41795
41796
41797
41798
41799
41800
41801
41802
41803
41804
41805
41806
41807
41808
41809
41810
41811
41812
41813
41814
41815
41816
41817
41818
41819
41820
41821
41822
41823
41824
41825
41826
41827
41828
41829
41830
41831
41832
41833
41834
41835
41836
41837
41838
41839
41840
41841
41842
41843
41844
41845
41846
41847
41848
41849
41850
41851
41852
41853
41854
41855
41856
41857
41858
41859
41860
41861
41862
41863
41864
41865
41866
41867
41868
41869
41870
41871
41872
41873
41874
41875
41876
41877
41878
41879
41880
41881
41882
41883
41884
41885
41886
41887
41888
41889
41890
41891
41892
41893
41894
41895
41896
41897
41898
41899
41900
41901
41902
41903
41904
41905
41906
41907
41908
41909
41910
41911
41912
41913
41914
41915
41916
41917
41918
41919
41920
41921
41922
41923
41924
41925
41926
41927
41928
41929
41930
41931
41932
41933
41934
41935
41936
41937
41938
41939
41940
41941
41942
41943
41944
41945
41946
41947
41948
41949
41950
41951
41952
41953
41954
41955
41956
41957
41958
41959
41960
41961
41962
41963
41964
41965
41966
41967
41968
41969
41970
41971
41972
41973
41974
41975
41976
41977
41978
41979
41980
41981
41982
41983
41984
41985
41986
41987
41988
41989
41990
41991
41992
41993
41994
41995
41996
41997
41998
41999
42000
42001
42002
42003
42004
42005
42006
42007
42008
42009
42010
42011
42012
42013
42014
42015
42016
42017
42018
42019
42020
42021
42022
42023
42024
42025
42026
42027
42028
42029
42030
42031
42032
42033
42034
42035
42036
42037
42038
42039
42040
42041
42042
42043
42044
42045
42046
42047
42048
42049
42050
42051
42052
42053
42054
42055
42056
42057
42058
42059
42060
42061
42062
42063
42064
42065
42066
42067
42068
42069
42070
42071
42072
42073
42074
42075
42076
42077
42078
42079
42080
42081
42082
42083
42084
42085
42086
42087
42088
42089
42090
42091
42092
42093
42094
42095
42096
42097
42098
42099
42100
42101
42102
42103
42104
42105
42106
42107
42108
42109
42110
42111
42112
42113
42114
42115
42116
42117
42118
42119
42120
42121
42122
42123
42124
42125
42126
42127
42128
42129
42130
42131
42132
42133
42134
42135
42136
42137
42138
42139
42140
42141
42142
42143
42144
42145
42146
42147
42148
42149
42150
42151
42152
42153
42154
42155
42156
42157
42158
42159
42160
42161
42162
42163
42164
42165
42166
42167
42168
42169
42170
42171
42172
42173
42174
42175
42176
42177
42178
42179
42180
42181
42182
42183
42184
42185
42186
42187
42188
42189
42190
42191
42192
42193
42194
42195
42196
42197
42198
42199
42200
42201
42202
42203
42204
42205
42206
42207
42208
42209
42210
42211
42212
42213
42214
42215
42216
42217
42218
42219
42220
42221
42222
42223
42224
42225
42226
42227
42228
42229
42230
42231
42232
42233
42234
42235
42236
42237
42238
42239
42240
42241
42242
42243
42244
42245
42246
42247
42248
42249
42250
42251
42252
42253
42254
42255
42256
42257
42258
42259
42260
42261
42262
42263
42264
42265
42266
42267
42268
42269
42270
42271
42272
42273
42274
42275
42276
42277
42278
42279
42280
42281
42282
42283
42284
42285
42286
42287
42288
42289
42290
42291
42292
42293
42294
42295
42296
42297
42298
42299
42300
42301
42302
42303
42304
42305
42306
42307
42308
42309
42310
42311
42312
42313
42314
42315
42316
42317
42318
42319
42320
42321
42322
42323
42324
42325
42326
42327
42328
42329
42330
42331
42332
42333
42334
42335
42336
42337
42338
42339
42340
42341
42342
42343
42344
42345
42346
42347
42348
42349
42350
42351
42352
42353
42354
42355
42356
42357
42358
42359
42360
42361
42362
42363
42364
42365
42366
42367
42368
42369
42370
42371
42372
42373
42374
42375
42376
42377
42378
42379
42380
42381
42382
42383
42384
42385
42386
42387
42388
42389
42390
42391
42392
42393
42394
42395
42396
42397
42398
42399
42400
42401
42402
42403
42404
42405
42406
42407
42408
42409
42410
42411
42412
42413
42414
42415
42416
42417
42418
42419
42420
42421
42422
42423
42424
42425
42426
42427
42428
42429
42430
42431
42432
42433
42434
42435
42436
42437
42438
42439
42440
42441
42442
42443
42444
42445
42446
42447
42448
42449
42450
42451
42452
42453
42454
42455
42456
42457
42458
42459
42460
42461
42462
42463
42464
42465
42466
42467
42468
42469
42470
42471
42472
42473
42474
42475
42476
42477
42478
42479
42480
42481
42482
42483
42484
42485
42486
42487
42488
42489
42490
42491
42492
42493
42494
42495
42496
42497
42498
42499
42500
42501
42502
42503
42504
42505
42506
42507
42508
42509
42510
42511
42512
42513
42514
42515
42516
42517
42518
42519
42520
42521
42522
42523
42524
42525
42526
42527
42528
42529
42530
42531
42532
42533
42534
42535
42536
42537
42538
42539
42540
42541
42542
42543
42544
42545
42546
42547
42548
42549
42550
42551
42552
42553
42554
42555
42556
42557
42558
42559
42560
42561
42562
42563
42564
42565
42566
42567
42568
42569
42570
42571
42572
42573
42574
42575
42576
42577
42578
42579
42580
42581
42582
42583
42584
42585
42586
42587
42588
42589
42590
42591
42592
42593
42594
42595
42596
42597
42598
42599
42600
42601
42602
42603
42604
42605
42606
42607
42608
42609
42610
42611
42612
42613
42614
42615
42616
42617
42618
42619
42620
42621
42622
42623
42624
42625
42626
42627
42628
42629
42630
42631
42632
42633
42634
42635
42636
42637
42638
42639
42640
42641
42642
42643
42644
42645
42646
42647
42648
42649
42650
42651
42652
42653
42654
42655
42656
42657
42658
42659
42660
42661
42662
42663
42664
42665
42666
42667
42668
42669
42670
42671
42672
42673
42674
42675
42676
42677
42678
42679
42680
42681
42682
42683
42684
42685
42686
42687
42688
42689
42690
42691
42692
42693
42694
42695
42696
42697
42698
42699
42700
42701
42702
42703
42704
42705
42706
42707
42708
42709
42710
42711
42712
42713
42714
42715
42716
42717
42718
42719
42720
42721
42722
42723
42724
42725
42726
42727
42728
42729
42730
42731
42732
42733
42734
42735
42736
42737
42738
42739
42740
42741
42742
42743
42744
42745
42746
42747
42748
42749
42750
42751
42752
42753
42754
42755
42756
42757
42758
42759
42760
42761
42762
42763
42764
42765
42766
42767
42768
42769
42770
42771
42772
42773
42774
42775
42776
42777
42778
42779
42780
42781
42782
42783
42784
42785
42786
42787
42788
42789
42790
42791
42792
42793
42794
42795
42796
42797
42798
42799
42800
42801
42802
42803
42804
42805
42806
42807
42808
42809
42810
42811
42812
42813
42814
42815
42816
42817
42818
42819
42820
42821
42822
42823
42824
42825
42826
42827
42828
42829
42830
42831
42832
42833
42834
42835
42836
42837
42838
42839
42840
42841
42842
42843
42844
42845
42846
42847
42848
42849
42850
42851
42852
42853
42854
42855
42856
42857
42858
42859
42860
42861
42862
42863
42864
42865
42866
42867
42868
42869
42870
42871
42872
42873
42874
42875
42876
42877
42878
42879
42880
42881
42882
42883
42884
42885
42886
42887
42888
42889
42890
42891
42892
42893
42894
42895
42896
42897
42898
42899
42900
42901
42902
42903
42904
42905
42906
42907
42908
42909
42910
42911
42912
42913
42914
42915
42916
42917
42918
42919
42920
42921
42922
42923
42924
42925
42926
42927
42928
42929
42930
42931
42932
42933
42934
42935
42936
42937
42938
42939
42940
42941
42942
42943
42944
42945
42946
42947
42948
42949
42950
42951
42952
42953
42954
42955
42956
42957
42958
42959
42960
42961
42962
42963
42964
42965
42966
42967
42968
42969
42970
42971
42972
42973
42974
42975
42976
42977
42978
42979
42980
42981
42982
42983
42984
42985
42986
42987
42988
42989
42990
42991
42992
42993
42994
42995
42996
42997
42998
42999
43000
43001
43002
43003
43004
43005
43006
43007
43008
43009
43010
43011
43012
43013
43014
43015
43016
43017
43018
43019
43020
43021
43022
43023
43024
43025
43026
43027
43028
43029
43030
43031
43032
43033
43034
43035
43036
43037
43038
43039
43040
43041
43042
43043
43044
43045
43046
43047
43048
43049
43050
43051
43052
43053
43054
43055
43056
43057
43058
43059
43060
43061
43062
43063
43064
43065
43066
43067
43068
43069
43070
43071
43072
43073
43074
43075
43076
43077
43078
43079
43080
43081
43082
43083
43084
43085
43086
43087
43088
43089
43090
43091
43092
43093
43094
43095
43096
43097
43098
43099
43100
43101
43102
43103
43104
43105
43106
43107
43108
43109
43110
43111
43112
43113
43114
43115
43116
43117
43118
43119
43120
43121
43122
43123
43124
43125
43126
43127
43128
43129
43130
43131
43132
43133
43134
43135
43136
43137
43138
43139
43140
43141
43142
43143
43144
43145
43146
43147
43148
43149
43150
43151
43152
43153
43154
43155
43156
43157
43158
43159
43160
43161
43162
43163
43164
43165
43166
43167
43168
43169
43170
43171
43172
43173
43174
43175
43176
43177
43178
43179
43180
43181
43182
43183
43184
43185
43186
43187
43188
43189
43190
43191
43192
43193
43194
43195
43196
43197
43198
43199
43200
43201
43202
43203
43204
43205
43206
43207
43208
43209
43210
43211
43212
43213
43214
43215
43216
43217
43218
43219
43220
43221
43222
43223
43224
43225
43226
43227
43228
43229
43230
43231
43232
43233
43234
43235
43236
43237
43238
43239
43240
43241
43242
43243
43244
43245
43246
43247
43248
43249
43250
43251
43252
43253
43254
43255
43256
43257
43258
43259
43260
43261
43262
43263
43264
43265
43266
43267
43268
43269
43270
43271
43272
43273
43274
43275
43276
43277
43278
43279
43280
43281
43282
43283
43284
43285
43286
43287
43288
43289
43290
43291
43292
43293
43294
43295
43296
43297
43298
43299
43300
43301
43302
43303
43304
43305
43306
43307
43308
43309
43310
43311
43312
43313
43314
43315
43316
43317
43318
43319
43320
43321
43322
43323
43324
43325
43326
43327
43328
43329
43330
43331
43332
43333
43334
43335
43336
43337
43338
43339
43340
43341
43342
43343
43344
43345
43346
43347
43348
43349
43350
43351
43352
43353
43354
43355
43356
43357
43358
43359
43360
43361
43362
43363
43364
43365
43366
43367
43368
43369
43370
43371
43372
43373
43374
43375
43376
43377
43378
43379
43380
43381
43382
43383
43384
43385
43386
43387
43388
43389
43390
43391
43392
43393
43394
43395
43396
43397
43398
43399
43400
43401
43402
43403
43404
43405
43406
43407
43408
43409
43410
43411
43412
43413
43414
43415
43416
43417
43418
43419
43420
43421
43422
43423
43424
43425
43426
43427
43428
43429
43430
43431
43432
43433
43434
43435
43436
43437
43438
43439
43440
43441
43442
43443
43444
43445
43446
43447
43448
43449
43450
43451
43452
43453
43454
43455
43456
43457
43458
43459
43460
43461
43462
43463
43464
43465
43466
43467
43468
43469
43470
43471
43472
43473
43474
43475
43476
43477
43478
43479
43480
43481
43482
43483
43484
43485
43486
43487
43488
43489
43490
43491
43492
43493
43494
43495
43496
43497
43498
43499
43500
43501
43502
43503
43504
43505
43506
43507
43508
43509
43510
43511
43512
43513
43514
43515
43516
43517
43518
43519
43520
43521
43522
43523
43524
43525
43526
43527
43528
43529
43530
43531
43532
43533
43534
43535
43536
43537
43538
43539
43540
43541
43542
43543
43544
43545
43546
43547
43548
43549
43550
43551
43552
43553
43554
43555
43556
43557
43558
43559
43560
43561
43562
43563
43564
43565
43566
43567
43568
43569
43570
43571
43572
43573
43574
43575
43576
43577
43578
43579
43580
43581
43582
43583
43584
43585
43586
43587
43588
43589
43590
43591
43592
43593
43594
43595
43596
43597
43598
43599
43600
43601
43602
43603
43604
43605
43606
43607
43608
43609
43610
43611
43612
43613
43614
43615
43616
43617
43618
43619
43620
43621
43622
43623
43624
43625
43626
43627
43628
43629
43630
43631
43632
43633
43634
43635
43636
43637
43638
43639
43640
43641
43642
43643
43644
43645
43646
43647
43648
43649
43650
43651
43652
43653
43654
43655
43656
43657
43658
43659
43660
43661
43662
43663
43664
43665
43666
43667
43668
43669
43670
43671
43672
43673
43674
43675
43676
43677
43678
43679
43680
43681
43682
43683
43684
43685
43686
43687
43688
43689
43690
43691
43692
43693
43694
43695
43696
43697
43698
43699
43700
43701
43702
43703
43704
43705
43706
43707
43708
43709
43710
43711
43712
43713
43714
43715
43716
43717
43718
43719
43720
43721
43722
43723
43724
43725
43726
43727
43728
43729
43730
43731
43732
43733
43734
43735
43736
43737
43738
43739
43740
43741
43742
43743
43744
43745
43746
43747
43748
43749
43750
43751
43752
43753
43754
43755
43756
43757
43758
43759
43760
43761
43762
43763
43764
43765
43766
43767
43768
43769
43770
43771
43772
43773
43774
43775
43776
43777
43778
43779
43780
43781
43782
43783
43784
43785
43786
43787
43788
43789
43790
43791
43792
43793
43794
43795
43796
43797
43798
43799
43800
43801
43802
43803
43804
43805
43806
43807
43808
43809
43810
43811
43812
43813
43814
43815
43816
43817
43818
43819
43820
43821
43822
43823
43824
43825
43826
43827
43828
43829
43830
43831
43832
43833
43834
43835
43836
43837
43838
43839
43840
43841
43842
43843
43844
43845
43846
43847
43848
43849
43850
43851
43852
43853
43854
43855
43856
43857
43858
43859
43860
43861
43862
43863
43864
43865
43866
43867
43868
43869
43870
43871
43872
43873
43874
43875
43876
43877
43878
43879
43880
43881
43882
43883
43884
43885
43886
43887
43888
43889
43890
43891
43892
43893
43894
43895
43896
43897
43898
43899
43900
43901
43902
43903
43904
43905
43906
43907
43908
43909
43910
43911
43912
43913
43914
43915
43916
43917
43918
43919
43920
43921
43922
43923
43924
43925
43926
43927
43928
43929
43930
43931
43932
43933
43934
43935
43936
43937
43938
43939
43940
43941
43942
43943
43944
43945
43946
43947
43948
43949
43950
43951
43952
43953
43954
43955
43956
43957
43958
43959
43960
43961
43962
43963
43964
43965
43966
43967
43968
43969
43970
43971
43972
43973
43974
43975
43976
43977
43978
43979
43980
43981
43982
43983
43984
43985
43986
43987
43988
43989
43990
43991
43992
43993
43994
43995
43996
43997
43998
43999
44000
44001
44002
44003
44004
44005
44006
44007
44008
44009
44010
44011
44012
44013
44014
44015
44016
44017
44018
44019
44020
44021
44022
44023
44024
44025
44026
44027
44028
44029
44030
44031
44032
44033
44034
44035
44036
44037
44038
44039
44040
44041
44042
44043
44044
44045
44046
44047
44048
44049
44050
44051
44052
44053
44054
44055
44056
44057
44058
44059
44060
44061
44062
44063
44064
44065
44066
44067
44068
44069
44070
44071
44072
44073
44074
44075
44076
44077
44078
44079
44080
44081
44082
44083
44084
44085
44086
44087
44088
44089
44090
44091
44092
44093
44094
44095
44096
44097
44098
44099
44100
44101
44102
44103
44104
44105
44106
44107
44108
44109
44110
44111
44112
44113
44114
44115
44116
44117
44118
44119
44120
44121
44122
44123
44124
44125
44126
44127
44128
44129
44130
44131
44132
44133
44134
44135
44136
44137
44138
44139
44140
44141
44142
44143
44144
44145
44146
44147
44148
44149
44150
44151
44152
44153
44154
44155
44156
44157
44158
44159
44160
44161
44162
44163
44164
44165
44166
44167
44168
44169
44170
44171
44172
44173
44174
44175
44176
44177
44178
44179
44180
44181
44182
44183
44184
44185
44186
44187
44188
44189
44190
44191
44192
44193
44194
44195
44196
44197
44198
44199
44200
44201
44202
44203
44204
44205
44206
44207
44208
44209
44210
44211
44212
44213
44214
44215
44216
44217
44218
44219
44220
44221
44222
44223
44224
44225
44226
44227
44228
44229
44230
44231
44232
44233
44234
44235
44236
44237
44238
44239
44240
44241
44242
44243
44244
44245
44246
44247
44248
44249
44250
44251
44252
44253
44254
44255
44256
44257
44258
44259
44260
44261
44262
44263
44264
44265
44266
44267
44268
44269
44270
44271
44272
44273
44274
44275
44276
44277
44278
44279
44280
44281
44282
44283
44284
44285
44286
44287
44288
44289
44290
44291
44292
44293
44294
44295
44296
44297
44298
44299
44300
44301
44302
44303
44304
44305
44306
44307
44308
44309
44310
44311
44312
44313
44314
44315
44316
44317
44318
44319
44320
44321
44322
44323
44324
44325
44326
44327
44328
44329
44330
44331
44332
44333
44334
44335
44336
44337
44338
44339
44340
44341
44342
44343
44344
44345
44346
44347
44348
44349
44350
44351
44352
44353
44354
44355
44356
44357
44358
44359
44360
44361
44362
44363
44364
44365
44366
44367
44368
44369
44370
44371
44372
44373
44374
44375
44376
44377
44378
44379
44380
44381
44382
44383
44384
44385
44386
44387
44388
44389
44390
44391
44392
44393
44394
44395
44396
44397
44398
44399
44400
44401
44402
44403
44404
44405
44406
44407
44408
44409
44410
44411
44412
44413
44414
44415
44416
44417
44418
44419
44420
44421
44422
44423
44424
44425
44426
44427
44428
44429
44430
44431
44432
44433
44434
44435
44436
44437
44438
44439
44440
44441
44442
44443
44444
44445
44446
44447
44448
44449
44450
44451
44452
44453
44454
44455
44456
44457
44458
44459
44460
44461
44462
44463
44464
44465
44466
44467
44468
44469
44470
44471
44472
44473
44474
44475
44476
44477
44478
44479
44480
44481
44482
44483
44484
44485
44486
44487
44488
44489
44490
44491
44492
44493
44494
44495
44496
44497
44498
44499
44500
44501
44502
44503
44504
44505
44506
44507
44508
44509
44510
44511
44512
44513
44514
44515
44516
44517
44518
44519
44520
44521
44522
44523
44524
44525
44526
44527
44528
44529
44530
44531
44532
44533
44534
44535
44536
44537
44538
44539
44540
44541
44542
44543
44544
44545
44546
44547
44548
44549
44550
44551
44552
44553
44554
44555
44556
44557
44558
44559
44560
44561
44562
44563
44564
44565
44566
44567
44568
44569
44570
44571
44572
44573
44574
44575
44576
44577
44578
44579
44580
44581
44582
44583
44584
44585
44586
44587
44588
44589
44590
44591
44592
44593
44594
44595
44596
44597
44598
44599
44600
44601
44602
44603
44604
44605
44606
44607
44608
44609
44610
44611
44612
44613
44614
44615
44616
44617
44618
44619
44620
44621
44622
44623
44624
44625
44626
44627
44628
44629
44630
44631
44632
44633
44634
44635
44636
44637
44638
44639
44640
44641
44642
44643
44644
44645
44646
44647
44648
44649
44650
44651
44652
44653
44654
44655
44656
44657
44658
44659
44660
44661
44662
44663
44664
44665
44666
44667
44668
44669
44670
44671
44672
44673
44674
44675
44676
44677
44678
44679
44680
44681
44682
44683
44684
44685
44686
44687
44688
44689
44690
44691
44692
44693
44694
44695
44696
44697
44698
44699
44700
44701
44702
44703
44704
44705
44706
44707
44708
44709
44710
44711
44712
44713
44714
44715
44716
44717
44718
44719
44720
44721
44722
44723
44724
44725
44726
44727
44728
44729
44730
44731
44732
44733
44734
44735
44736
44737
44738
44739
44740
44741
44742
44743
44744
44745
44746
44747
44748
44749
44750
44751
44752
44753
44754
44755
44756
44757
44758
44759
44760
44761
44762
44763
44764
44765
44766
44767
44768
44769
44770
44771
44772
44773
44774
44775
44776
44777
44778
44779
44780
44781
44782
44783
44784
44785
44786
44787
44788
44789
44790
44791
44792
44793
44794
44795
44796
44797
44798
44799
44800
44801
44802
44803
44804
44805
44806
44807
44808
44809
44810
44811
44812
44813
44814
44815
44816
44817
44818
44819
44820
44821
44822
44823
44824
44825
44826
44827
44828
44829
44830
44831
44832
44833
44834
44835
44836
44837
44838
44839
44840
44841
44842
44843
44844
44845
44846
44847
44848
44849
44850
44851
44852
44853
44854
44855
44856
44857
44858
44859
44860
44861
44862
44863
44864
44865
44866
44867
44868
44869
44870
44871
44872
44873
44874
44875
44876
44877
44878
44879
44880
44881
44882
44883
44884
44885
44886
44887
44888
44889
44890
44891
44892
44893
44894
44895
44896
44897
44898
44899
44900
44901
44902
44903
44904
44905
44906
44907
44908
44909
44910
44911
44912
44913
44914
44915
44916
44917
44918
44919
44920
44921
44922
44923
44924
44925
44926
44927
44928
44929
44930
44931
44932
44933
44934
44935
44936
44937
44938
44939
44940
44941
44942
44943
44944
44945
44946
44947
44948
44949
44950
44951
44952
44953
44954
44955
44956
44957
44958
44959
44960
44961
44962
44963
44964
44965
44966
44967
44968
44969
44970
44971
44972
44973
44974
44975
44976
44977
44978
44979
44980
44981
44982
44983
44984
44985
44986
44987
44988
44989
44990
44991
44992
44993
44994
44995
44996
44997
44998
44999
45000
45001
45002
45003
45004
45005
45006
45007
45008
45009
45010
45011
45012
45013
45014
45015
45016
45017
45018
45019
45020
45021
45022
45023
45024
45025
45026
45027
45028
45029
45030
45031
45032
45033
45034
45035
45036
45037
45038
45039
45040
45041
45042
45043
45044
45045
45046
45047
45048
45049
45050
45051
45052
45053
45054
45055
45056
45057
45058
45059
45060
45061
45062
45063
45064
45065
45066
45067
45068
45069
45070
45071
45072
45073
45074
45075
45076
45077
45078
45079
45080
45081
45082
45083
45084
45085
45086
45087
45088
45089
45090
45091
45092
45093
45094
45095
45096
45097
45098
45099
45100
45101
45102
45103
45104
45105
45106
45107
45108
45109
45110
45111
45112
45113
45114
45115
45116
45117
45118
45119
45120
45121
45122
45123
45124
45125
45126
45127
45128
45129
45130
45131
45132
45133
45134
45135
45136
45137
45138
45139
45140
45141
45142
45143
45144
45145
45146
45147
45148
45149
45150
45151
45152
45153
45154
45155
45156
45157
45158
45159
45160
45161
45162
45163
45164
45165
45166
45167
45168
45169
45170
45171
45172
45173
45174
45175
45176
45177
45178
45179
45180
45181
45182
45183
45184
45185
45186
45187
45188
45189
45190
45191
45192
45193
45194
45195
45196
45197
45198
45199
45200
45201
45202
45203
45204
45205
45206
45207
45208
45209
45210
45211
45212
45213
45214
45215
45216
45217
45218
45219
45220
45221
45222
45223
45224
45225
45226
45227
45228
45229
45230
45231
45232
45233
45234
45235
45236
45237
45238
45239
45240
45241
45242
45243
45244
45245
45246
45247
45248
45249
45250
45251
45252
45253
45254
45255
45256
45257
45258
45259
45260
45261
45262
45263
45264
45265
45266
45267
45268
45269
45270
45271
45272
45273
45274
45275
45276
45277
45278
45279
45280
45281
45282
45283
45284
45285
45286
45287
45288
45289
45290
45291
45292
45293
45294
45295
45296
45297
45298
45299
45300
45301
45302
45303
45304
45305
45306
45307
45308
45309
45310
45311
45312
45313
45314
45315
45316
45317
45318
45319
45320
45321
45322
45323
45324
45325
45326
45327
45328
45329
45330
45331
45332
45333
45334
45335
45336
45337
45338
45339
45340
45341
45342
45343
45344
45345
45346
45347
45348
45349
45350
45351
45352
45353
45354
45355
45356
45357
45358
45359
45360
45361
45362
45363
45364
45365
45366
45367
45368
45369
45370
45371
45372
45373
45374
45375
45376
45377
45378
45379
45380
45381
45382
45383
45384
45385
45386
45387
45388
45389
45390
45391
45392
45393
45394
45395
45396
45397
45398
45399
45400
45401
45402
45403
45404
45405
45406
45407
45408
45409
45410
45411
45412
45413
45414
45415
45416
45417
45418
45419
45420
45421
45422
45423
45424
45425
45426
45427
45428
45429
45430
45431
45432
45433
45434
45435
45436
45437
45438
45439
45440
45441
45442
45443
45444
45445
45446
45447
45448
45449
45450
45451
45452
45453
45454
45455
45456
45457
45458
45459
45460
45461
45462
45463
45464
45465
45466
45467
45468
45469
45470
45471
45472
45473
45474
45475
45476
45477
45478
45479
45480
45481
45482
45483
45484
45485
45486
45487
45488
45489
45490
45491
45492
45493
45494
45495
45496
45497
45498
45499
45500
45501
45502
45503
45504
45505
45506
45507
45508
45509
45510
45511
45512
45513
45514
45515
45516
45517
45518
45519
45520
45521
45522
45523
45524
45525
45526
45527
45528
45529
45530
45531
45532
45533
45534
45535
45536
45537
45538
45539
45540
45541
45542
45543
45544
45545
45546
45547
45548
45549
45550
45551
45552
45553
45554
45555
45556
45557
45558
45559
45560
45561
45562
45563
45564
45565
45566
45567
45568
45569
45570
45571
45572
45573
45574
45575
45576
45577
45578
45579
45580
45581
45582
45583
45584
45585
45586
45587
45588
45589
45590
45591
45592
45593
45594
45595
45596
45597
45598
45599
45600
45601
45602
45603
45604
45605
45606
45607
45608
45609
45610
45611
45612
45613
45614
45615
45616
45617
45618
45619
45620
45621
45622
45623
45624
45625
45626
45627
45628
45629
45630
45631
45632
45633
45634
45635
45636
45637
45638
45639
45640
45641
45642
45643
45644
45645
45646
45647
45648
45649
45650
45651
45652
45653
45654
45655
45656
45657
45658
45659
45660
45661
45662
45663
45664
45665
45666
45667
45668
45669
45670
45671
45672
45673
45674
45675
45676
45677
45678
45679
45680
45681
45682
45683
45684
45685
45686
45687
45688
45689
45690
45691
45692
45693
45694
45695
45696
45697
45698
45699
45700
45701
45702
45703
45704
45705
45706
45707
45708
45709
45710
45711
45712
45713
45714
45715
45716
45717
45718
45719
45720
45721
45722
45723
45724
45725
45726
45727
45728
45729
45730
45731
45732
45733
45734
45735
45736
45737
45738
45739
45740
45741
45742
45743
45744
45745
45746
45747
45748
45749
45750
45751
45752
45753
45754
45755
45756
45757
45758
45759
45760
45761
45762
45763
45764
45765
45766
45767
45768
45769
45770
45771
45772
45773
45774
45775
45776
45777
45778
45779
45780
45781
45782
45783
45784
45785
45786
45787
45788
45789
45790
45791
45792
45793
45794
45795
45796
45797
45798
45799
45800
45801
45802
45803
45804
45805
45806
45807
45808
45809
45810
45811
45812
45813
45814
45815
45816
45817
45818
45819
45820
45821
45822
45823
45824
45825
45826
45827
45828
45829
45830
45831
45832
45833
45834
45835
45836
45837
45838
45839
45840
45841
45842
45843
45844
45845
45846
45847
45848
45849
45850
45851
45852
45853
45854
45855
45856
45857
45858
45859
45860
45861
45862
45863
45864
45865
45866
45867
45868
45869
45870
45871
45872
45873
45874
45875
45876
45877
45878
45879
45880
45881
45882
45883
45884
45885
45886
45887
45888
45889
45890
45891
45892
45893
45894
45895
45896
45897
45898
45899
45900
45901
45902
45903
45904
45905
45906
45907
45908
45909
45910
45911
45912
45913
45914
45915
45916
45917
45918
45919
45920
45921
45922
45923
45924
45925
45926
45927
45928
45929
45930
45931
45932
45933
45934
45935
45936
45937
45938
45939
45940
45941
45942
45943
45944
45945
45946
45947
45948
45949
45950
45951
45952
45953
45954
45955
45956
45957
45958
45959
45960
45961
45962
45963
45964
45965
45966
45967
45968
45969
45970
45971
45972
45973
45974
45975
45976
45977
45978
45979
45980
45981
45982
45983
45984
45985
45986
45987
45988
45989
45990
45991
45992
45993
45994
45995
45996
45997
45998
45999
46000
46001
46002
46003
46004
46005
46006
46007
46008
46009
46010
46011
46012
46013
46014
46015
46016
46017
46018
46019
46020
46021
46022
46023
46024
46025
46026
46027
46028
46029
46030
46031
46032
46033
46034
46035
46036
46037
46038
46039
46040
46041
46042
46043
46044
46045
46046
46047
46048
46049
46050
46051
46052
46053
46054
46055
46056
46057
46058
46059
46060
46061
46062
46063
46064
46065
46066
46067
46068
46069
46070
46071
46072
46073
46074
46075
46076
46077
46078
46079
46080
46081
46082
46083
46084
46085
46086
46087
46088
46089
46090
46091
46092
46093
46094
46095
46096
46097
46098
46099
46100
46101
46102
46103
46104
46105
46106
46107
46108
46109
46110
46111
46112
46113
46114
46115
46116
46117
46118
46119
46120
46121
46122
46123
46124
46125
46126
46127
46128
46129
46130
46131
46132
46133
46134
46135
46136
46137
46138
46139
46140
46141
46142
46143
46144
46145
46146
46147
46148
46149
46150
46151
46152
46153
46154
46155
46156
46157
46158
46159
46160
46161
46162
46163
46164
46165
46166
46167
46168
46169
46170
46171
46172
46173
46174
46175
46176
46177
46178
46179
46180
46181
46182
46183
46184
46185
46186
46187
46188
46189
46190
46191
46192
46193
46194
46195
46196
46197
46198
46199
46200
46201
46202
46203
46204
46205
46206
46207
46208
46209
46210
46211
46212
46213
46214
46215
46216
46217
46218
46219
46220
46221
46222
46223
46224
46225
46226
46227
46228
46229
46230
46231
46232
46233
46234
46235
46236
46237
46238
46239
46240
46241
46242
46243
46244
46245
46246
46247
46248
46249
46250
46251
46252
46253
46254
46255
46256
46257
46258
46259
46260
46261
46262
46263
46264
46265
46266
46267
46268
46269
46270
46271
46272
46273
46274
46275
46276
46277
46278
46279
46280
46281
46282
46283
46284
46285
46286
46287
46288
46289
46290
46291
46292
46293
46294
46295
46296
46297
46298
46299
46300
46301
46302
46303
46304
46305
46306
46307
46308
46309
46310
46311
46312
46313
46314
46315
46316
46317
46318
46319
46320
46321
46322
46323
46324
46325
46326
46327
46328
46329
46330
46331
46332
46333
46334
46335
46336
46337
46338
46339
46340
46341
46342
46343
46344
46345
46346
46347
46348
46349
46350
46351
46352
46353
46354
46355
46356
46357
46358
46359
46360
46361
46362
46363
46364
46365
46366
46367
46368
46369
46370
46371
46372
46373
46374
46375
46376
46377
46378
46379
46380
46381
46382
46383
46384
46385
46386
46387
46388
46389
46390
46391
46392
46393
46394
46395
46396
46397
46398
46399
46400
46401
46402
46403
46404
46405
46406
46407
46408
46409
46410
46411
46412
46413
46414
46415
46416
46417
46418
46419
46420
46421
46422
46423
46424
46425
46426
46427
46428
46429
46430
46431
46432
46433
46434
46435
46436
46437
46438
46439
46440
46441
46442
46443
46444
46445
46446
46447
46448
46449
46450
46451
46452
46453
46454
46455
46456
46457
46458
46459
46460
46461
46462
46463
46464
46465
46466
46467
46468
46469
46470
46471
46472
46473
46474
46475
46476
46477
46478
46479
46480
46481
46482
46483
46484
46485
46486
46487
46488
46489
46490
46491
46492
46493
46494
46495
46496
46497
46498
46499
46500
46501
46502
46503
46504
46505
46506
46507
46508
46509
46510
46511
46512
46513
46514
46515
46516
46517
46518
46519
46520
46521
46522
46523
46524
46525
46526
46527
46528
46529
46530
46531
46532
46533
46534
46535
46536
46537
46538
46539
46540
46541
46542
46543
46544
46545
46546
46547
46548
46549
46550
46551
46552
46553
46554
46555
46556
46557
46558
46559
46560
46561
46562
46563
46564
46565
46566
46567
46568
46569
46570
46571
46572
46573
46574
46575
46576
46577
46578
46579
46580
46581
46582
46583
46584
46585
46586
46587
46588
46589
46590
46591
46592
46593
46594
46595
46596
46597
46598
46599
46600
46601
46602
46603
46604
46605
46606
46607
46608
46609
46610
46611
46612
46613
46614
46615
46616
46617
46618
46619
46620
46621
46622
46623
46624
46625
46626
46627
46628
46629
46630
46631
46632
46633
46634
46635
46636
46637
46638
46639
46640
46641
46642
46643
46644
46645
46646
46647
46648
46649
46650
46651
46652
46653
46654
46655
46656
46657
46658
46659
46660
46661
46662
46663
46664
46665
46666
46667
46668
46669
46670
46671
46672
46673
46674
46675
46676
46677
46678
46679
46680
46681
46682
46683
46684
46685
46686
46687
46688
46689
46690
46691
46692
46693
46694
46695
46696
46697
46698
46699
46700
46701
46702
46703
46704
46705
46706
46707
46708
46709
46710
46711
46712
46713
46714
46715
46716
46717
46718
46719
46720
46721
46722
46723
46724
46725
46726
46727
46728
46729
46730
46731
46732
46733
46734
46735
46736
46737
46738
46739
46740
46741
46742
46743
46744
46745
46746
46747
46748
46749
46750
46751
46752
46753
46754
46755
46756
46757
46758
46759
46760
46761
46762
46763
46764
46765
46766
46767
46768
46769
46770
46771
46772
46773
46774
46775
46776
46777
46778
46779
46780
46781
46782
46783
46784
46785
46786
46787
46788
46789
46790
46791
46792
46793
46794
46795
46796
46797
46798
46799
46800
46801
46802
46803
46804
46805
46806
46807
46808
46809
46810
46811
46812
46813
46814
46815
46816
46817
46818
46819
46820
46821
46822
46823
46824
46825
46826
46827
46828
46829
46830
46831
46832
46833
46834
46835
46836
46837
46838
46839
46840
46841
46842
46843
46844
46845
46846
46847
46848
46849
46850
46851
46852
46853
46854
46855
46856
46857
46858
46859
46860
46861
46862
46863
46864
46865
46866
46867
46868
46869
46870
46871
46872
46873
46874
46875
46876
46877
46878
46879
46880
46881
46882
46883
46884
46885
46886
46887
46888
46889
46890
46891
46892
46893
46894
46895
46896
46897
46898
46899
46900
46901
46902
46903
46904
46905
46906
46907
46908
46909
46910
46911
46912
46913
46914
46915
46916
46917
46918
46919
46920
46921
46922
46923
46924
46925
46926
46927
46928
46929
46930
46931
46932
46933
46934
46935
46936
46937
46938
46939
46940
46941
46942
46943
46944
46945
46946
46947
46948
46949
46950
46951
46952
46953
46954
46955
46956
46957
46958
46959
46960
46961
46962
46963
46964
46965
46966
46967
46968
46969
46970
46971
46972
46973
46974
46975
46976
46977
46978
46979
46980
46981
46982
46983
46984
46985
46986
46987
46988
46989
46990
46991
46992
46993
46994
46995
46996
46997
46998
46999
47000
47001
47002
47003
47004
47005
47006
47007
47008
47009
47010
47011
47012
47013
47014
47015
47016
47017
47018
47019
47020
47021
47022
47023
47024
47025
47026
47027
47028
47029
47030
47031
47032
47033
47034
47035
47036
47037
47038
47039
47040
47041
47042
47043
47044
47045
47046
47047
47048
47049
47050
47051
47052
47053
47054
47055
47056
47057
47058
47059
47060
47061
47062
47063
47064
47065
47066
47067
47068
47069
47070
47071
47072
47073
47074
47075
47076
47077
47078
47079
47080
47081
47082
47083
47084
47085
47086
47087
47088
47089
47090
47091
47092
47093
47094
47095
47096
47097
47098
47099
47100
47101
47102
47103
47104
47105
47106
47107
47108
47109
47110
47111
47112
47113
47114
47115
47116
47117
47118
47119
47120
47121
47122
47123
47124
47125
47126
47127
47128
47129
47130
47131
47132
47133
47134
47135
47136
47137
47138
47139
47140
47141
47142
47143
47144
47145
47146
47147
47148
47149
47150
47151
47152
47153
47154
47155
47156
47157
47158
47159
47160
47161
47162
47163
47164
47165
47166
47167
47168
47169
47170
47171
47172
47173
47174
47175
47176
47177
47178
47179
47180
47181
47182
47183
47184
47185
47186
47187
47188
47189
47190
47191
47192
47193
47194
47195
47196
47197
47198
47199
47200
47201
47202
47203
47204
47205
47206
47207
47208
47209
47210
47211
47212
47213
47214
47215
47216
47217
47218
47219
47220
47221
47222
47223
47224
47225
47226
47227
47228
47229
47230
47231
47232
47233
47234
47235
47236
47237
47238
47239
47240
47241
47242
47243
47244
47245
47246
47247
47248
47249
47250
47251
47252
47253
47254
47255
47256
47257
47258
47259
47260
47261
47262
47263
47264
47265
47266
47267
47268
47269
47270
47271
47272
47273
47274
47275
47276
47277
47278
47279
47280
47281
47282
47283
47284
47285
47286
47287
47288
47289
47290
47291
47292
47293
47294
47295
47296
47297
47298
47299
47300
47301
47302
47303
47304
47305
47306
47307
47308
47309
47310
47311
47312
47313
47314
47315
47316
47317
47318
47319
47320
47321
47322
47323
47324
47325
47326
47327
47328
47329
47330
47331
47332
47333
47334
47335
47336
47337
47338
47339
47340
47341
47342
47343
47344
47345
47346
47347
47348
47349
47350
47351
47352
47353
47354
47355
47356
47357
47358
47359
47360
47361
47362
47363
47364
47365
47366
47367
47368
47369
47370
47371
47372
47373
47374
47375
47376
47377
47378
47379
47380
47381
47382
47383
47384
47385
47386
47387
47388
47389
47390
47391
47392
47393
47394
47395
47396
47397
47398
47399
47400
47401
47402
47403
47404
47405
47406
47407
47408
47409
47410
47411
47412
47413
47414
47415
47416
47417
47418
47419
47420
47421
47422
47423
47424
47425
47426
47427
47428
47429
47430
47431
47432
47433
47434
47435
47436
47437
47438
47439
47440
47441
47442
47443
47444
47445
47446
47447
47448
47449
47450
47451
47452
47453
47454
47455
47456
47457
47458
47459
47460
47461
47462
47463
47464
47465
47466
47467
47468
47469
47470
47471
47472
47473
47474
47475
47476
47477
47478
47479
47480
47481
47482
47483
47484
47485
47486
47487
47488
47489
47490
47491
47492
47493
47494
47495
47496
47497
47498
47499
47500
47501
47502
47503
47504
47505
47506
47507
47508
47509
47510
47511
47512
47513
47514
47515
47516
47517
47518
47519
47520
47521
47522
47523
47524
47525
47526
47527
47528
47529
47530
47531
47532
47533
47534
47535
47536
47537
47538
47539
47540
47541
47542
47543
47544
47545
47546
47547
47548
47549
47550
47551
47552
47553
47554
47555
47556
47557
47558
47559
47560
47561
47562
47563
47564
47565
47566
47567
47568
47569
47570
47571
47572
47573
47574
47575
47576
47577
47578
47579
47580
47581
47582
47583
47584
47585
47586
47587
47588
47589
47590
47591
47592
47593
47594
47595
47596
47597
47598
47599
47600
47601
47602
47603
47604
47605
47606
47607
47608
47609
47610
47611
47612
47613
47614
47615
47616
47617
47618
47619
47620
47621
47622
47623
47624
47625
47626
47627
47628
47629
47630
47631
47632
47633
47634
47635
47636
47637
47638
47639
47640
47641
47642
47643
47644
47645
47646
47647
47648
47649
47650
47651
47652
47653
47654
47655
47656
47657
47658
47659
47660
47661
47662
47663
47664
47665
47666
47667
47668
47669
47670
47671
47672
47673
47674
47675
47676
47677
47678
47679
47680
47681
47682
47683
47684
47685
47686
47687
47688
47689
47690
47691
47692
47693
47694
47695
47696
47697
47698
47699
47700
47701
47702
47703
47704
47705
47706
47707
47708
47709
47710
47711
47712
47713
47714
47715
47716
47717
47718
47719
47720
47721
47722
47723
47724
47725
47726
47727
47728
47729
47730
47731
47732
47733
47734
47735
47736
47737
47738
47739
47740
47741
47742
47743
47744
47745
47746
47747
47748
47749
47750
47751
47752
47753
47754
47755
47756
47757
47758
47759
47760
47761
47762
47763
47764
47765
47766
47767
47768
47769
47770
47771
47772
47773
47774
47775
47776
47777
47778
47779
47780
47781
47782
47783
47784
47785
47786
47787
47788
47789
47790
47791
47792
47793
47794
47795
47796
47797
47798
47799
47800
47801
47802
47803
47804
47805
47806
47807
47808
47809
47810
47811
47812
47813
47814
47815
47816
47817
47818
47819
47820
47821
47822
47823
47824
47825
47826
47827
47828
47829
47830
47831
47832
47833
47834
47835
47836
47837
47838
47839
47840
47841
47842
47843
47844
47845
47846
47847
47848
47849
47850
47851
47852
47853
47854
47855
47856
47857
47858
47859
47860
47861
47862
47863
47864
47865
47866
47867
47868
47869
47870
47871
47872
47873
47874
47875
47876
47877
47878
47879
47880
47881
47882
47883
47884
47885
47886
47887
47888
47889
47890
47891
47892
47893
47894
47895
47896
47897
47898
47899
47900
47901
47902
47903
47904
47905
47906
47907
47908
47909
47910
47911
47912
47913
47914
47915
47916
47917
47918
47919
47920
47921
47922
47923
47924
47925
47926
47927
47928
47929
47930
47931
47932
47933
47934
47935
47936
47937
47938
47939
47940
47941
47942
47943
47944
47945
47946
47947
47948
47949
47950
47951
47952
47953
47954
47955
47956
47957
47958
47959
47960
47961
47962
47963
47964
47965
47966
47967
47968
47969
47970
47971
47972
47973
47974
47975
47976
47977
47978
47979
47980
47981
47982
47983
47984
47985
47986
47987
47988
47989
47990
47991
47992
47993
47994
47995
47996
47997
47998
47999
48000
48001
48002
48003
48004
48005
48006
48007
48008
48009
48010
48011
48012
48013
48014
48015
48016
48017
48018
48019
48020
48021
48022
48023
48024
48025
48026
48027
48028
48029
48030
48031
48032
48033
48034
48035
48036
48037
48038
48039
48040
48041
48042
48043
48044
48045
48046
48047
48048
48049
48050
48051
48052
48053
48054
48055
48056
48057
48058
48059
48060
48061
48062
48063
48064
48065
48066
48067
48068
48069
48070
48071
48072
48073
48074
48075
48076
48077
48078
48079
48080
48081
48082
48083
48084
48085
48086
48087
48088
48089
48090
48091
48092
48093
48094
48095
48096
48097
48098
48099
48100
48101
48102
48103
48104
48105
48106
48107
48108
48109
48110
48111
48112
48113
48114
48115
48116
48117
48118
48119
48120
48121
48122
48123
48124
48125
48126
48127
48128
48129
48130
48131
48132
48133
48134
48135
48136
48137
48138
48139
48140
48141
48142
48143
48144
48145
48146
48147
48148
48149
48150
48151
48152
48153
48154
48155
48156
48157
48158
48159
48160
48161
48162
48163
48164
48165
48166
48167
48168
48169
48170
48171
48172
48173
48174
48175
48176
48177
48178
48179
48180
48181
48182
48183
48184
48185
48186
48187
48188
48189
48190
48191
48192
48193
48194
48195
48196
48197
48198
48199
48200
48201
48202
48203
48204
48205
48206
48207
48208
48209
48210
48211
48212
48213
48214
48215
48216
48217
48218
48219
48220
48221
48222
48223
48224
48225
48226
48227
48228
48229
48230
48231
48232
48233
48234
48235
48236
48237
48238
48239
48240
48241
48242
48243
48244
48245
48246
48247
48248
48249
48250
48251
48252
48253
48254
48255
48256
48257
48258
48259
48260
48261
48262
48263
48264
48265
48266
48267
48268
48269
48270
48271
48272
48273
48274
48275
48276
48277
48278
48279
48280
48281
48282
48283
48284
48285
48286
48287
48288
48289
48290
48291
48292
48293
48294
48295
48296
48297
48298
48299
48300
48301
48302
48303
48304
48305
48306
48307
48308
48309
48310
48311
48312
48313
48314
48315
48316
48317
48318
48319
48320
48321
48322
48323
48324
48325
48326
48327
48328
48329
48330
48331
48332
48333
48334
48335
48336
48337
48338
48339
48340
48341
48342
48343
48344
48345
48346
48347
48348
48349
48350
48351
48352
48353
48354
48355
48356
48357
48358
48359
48360
48361
48362
48363
48364
48365
48366
48367
48368
48369
48370
48371
48372
48373
48374
48375
48376
48377
48378
48379
48380
48381
48382
48383
48384
48385
48386
48387
48388
48389
48390
48391
48392
48393
48394
48395
48396
48397
48398
48399
48400
48401
48402
48403
48404
48405
48406
48407
48408
48409
48410
48411
48412
48413
48414
48415
48416
48417
48418
48419
48420
48421
48422
48423
48424
48425
48426
48427
48428
48429
48430
48431
48432
48433
48434
48435
48436
48437
48438
48439
48440
48441
48442
48443
48444
48445
48446
48447
48448
48449
48450
48451
48452
48453
48454
48455
48456
48457
48458
48459
48460
48461
48462
48463
48464
48465
48466
48467
48468
48469
48470
48471
48472
48473
48474
48475
48476
48477
48478
48479
48480
48481
48482
48483
48484
48485
48486
48487
48488
48489
48490
48491
48492
48493
48494
48495
48496
48497
48498
48499
48500
48501
48502
48503
48504
48505
48506
48507
48508
48509
48510
48511
48512
48513
48514
48515
48516
48517
48518
48519
48520
48521
48522
48523
48524
48525
48526
48527
48528
48529
48530
48531
48532
48533
48534
48535
48536
48537
48538
48539
48540
48541
48542
48543
48544
48545
48546
48547
48548
48549
48550
48551
48552
48553
48554
48555
48556
48557
48558
48559
48560
48561
48562
48563
48564
48565
48566
48567
48568
48569
48570
48571
48572
48573
48574
48575
48576
48577
48578
48579
48580
48581
48582
48583
48584
48585
48586
48587
48588
48589
48590
48591
48592
48593
48594
48595
48596
48597
48598
48599
48600
48601
48602
48603
48604
48605
48606
48607
48608
48609
48610
48611
48612
48613
48614
48615
48616
48617
48618
48619
48620
48621
48622
48623
48624
48625
48626
48627
48628
48629
48630
48631
48632
48633
48634
48635
48636
48637
48638
48639
48640
48641
48642
48643
48644
48645
48646
48647
48648
48649
48650
48651
48652
48653
48654
48655
48656
48657
48658
48659
48660
48661
48662
48663
48664
48665
48666
48667
48668
48669
48670
48671
48672
48673
48674
48675
48676
48677
48678
48679
48680
48681
48682
48683
48684
48685
48686
48687
48688
48689
48690
48691
48692
48693
48694
48695
48696
48697
48698
48699
48700
48701
48702
48703
48704
48705
48706
48707
48708
48709
48710
48711
48712
48713
48714
48715
48716
48717
48718
48719
48720
48721
48722
48723
48724
48725
48726
48727
48728
48729
48730
48731
48732
48733
48734
48735
48736
48737
48738
48739
48740
48741
48742
48743
48744
48745
48746
48747
48748
48749
48750
48751
48752
48753
48754
48755
48756
48757
48758
48759
48760
48761
48762
48763
48764
48765
48766
48767
48768
48769
48770
48771
48772
48773
48774
48775
48776
48777
48778
48779
48780
48781
48782
48783
48784
48785
48786
48787
48788
48789
48790
48791
48792
48793
48794
48795
48796
48797
48798
48799
48800
48801
48802
48803
48804
48805
48806
48807
48808
48809
48810
48811
48812
48813
48814
48815
48816
48817
48818
48819
48820
48821
48822
48823
48824
48825
48826
48827
48828
48829
48830
48831
48832
48833
48834
48835
48836
48837
48838
48839
48840
48841
48842
48843
48844
48845
48846
48847
48848
48849
48850
48851
48852
48853
48854
48855
48856
48857
48858
48859
48860
48861
48862
48863
48864
48865
48866
48867
48868
48869
48870
48871
48872
48873
48874
48875
48876
48877
48878
48879
48880
48881
48882
48883
48884
48885
48886
48887
48888
48889
48890
48891
48892
48893
48894
48895
48896
48897
48898
48899
48900
48901
48902
48903
48904
48905
48906
48907
48908
48909
48910
48911
48912
48913
48914
48915
48916
48917
48918
48919
48920
48921
48922
48923
48924
48925
48926
48927
48928
48929
48930
48931
48932
48933
48934
48935
48936
48937
48938
48939
48940
48941
48942
48943
48944
48945
48946
48947
48948
48949
48950
48951
48952
48953
48954
48955
48956
48957
48958
48959
48960
48961
48962
48963
48964
48965
48966
48967
48968
48969
48970
48971
48972
48973
48974
48975
48976
48977
48978
48979
48980
48981
48982
48983
48984
48985
48986
48987
48988
48989
48990
48991
48992
48993
48994
48995
48996
48997
48998
48999
49000
49001
49002
49003
49004
49005
49006
49007
49008
49009
49010
49011
49012
49013
49014
49015
49016
49017
49018
49019
49020
49021
49022
49023
49024
49025
49026
49027
49028
49029
49030
49031
49032
49033
49034
49035
49036
49037
49038
49039
49040
49041
49042
49043
49044
49045
49046
49047
49048
49049
49050
49051
49052
49053
49054
49055
49056
49057
49058
49059
49060
49061
49062
49063
49064
49065
49066
49067
49068
49069
49070
49071
49072
49073
49074
49075
49076
49077
49078
49079
49080
49081
49082
49083
49084
49085
49086
49087
49088
49089
49090
49091
49092
49093
49094
49095
49096
49097
49098
49099
49100
49101
49102
49103
49104
49105
49106
49107
49108
49109
49110
49111
49112
49113
49114
49115
49116
49117
49118
49119
49120
49121
49122
49123
49124
49125
49126
49127
49128
49129
49130
49131
49132
49133
49134
49135
49136
49137
49138
49139
49140
49141
49142
49143
49144
49145
49146
49147
49148
49149
49150
49151
49152
49153
49154
49155
49156
49157
49158
49159
49160
49161
49162
49163
49164
49165
49166
49167
49168
49169
49170
49171
49172
49173
49174
49175
49176
49177
49178
49179
49180
49181
49182
49183
49184
49185
49186
49187
49188
49189
49190
49191
49192
49193
49194
49195
49196
49197
49198
49199
49200
49201
49202
49203
49204
49205
49206
49207
49208
49209
49210
49211
49212
49213
49214
49215
49216
49217
49218
49219
49220
49221
49222
49223
49224
49225
49226
49227
49228
49229
49230
49231
49232
49233
49234
49235
49236
49237
49238
49239
49240
49241
49242
49243
49244
49245
49246
49247
49248
49249
49250
49251
49252
49253
49254
49255
49256
49257
49258
49259
49260
49261
49262
49263
49264
49265
49266
49267
49268
49269
49270
49271
49272
49273
49274
49275
49276
49277
49278
49279
49280
49281
49282
49283
49284
49285
49286
49287
49288
49289
49290
49291
49292
49293
49294
49295
49296
49297
49298
49299
49300
49301
49302
49303
49304
49305
49306
49307
49308
49309
49310
49311
49312
49313
49314
49315
49316
49317
49318
49319
49320
49321
49322
49323
49324
49325
49326
49327
49328
49329
49330
49331
49332
49333
49334
49335
49336
49337
49338
49339
49340
49341
49342
49343
49344
49345
49346
49347
49348
49349
49350
49351
49352
49353
49354
49355
49356
49357
49358
49359
49360
49361
49362
49363
49364
49365
49366
49367
49368
49369
49370
49371
49372
49373
49374
49375
49376
49377
49378
49379
49380
49381
49382
49383
49384
49385
49386
49387
49388
49389
49390
49391
49392
49393
49394
49395
49396
49397
49398
49399
49400
49401
49402
49403
49404
49405
49406
49407
49408
49409
49410
49411
49412
49413
49414
49415
49416
49417
49418
49419
49420
49421
49422
49423
49424
49425
49426
49427
49428
49429
49430
49431
49432
49433
49434
49435
49436
49437
49438
49439
49440
49441
49442
49443
49444
49445
49446
49447
49448
49449
49450
49451
49452
49453
49454
49455
49456
49457
49458
49459
49460
49461
49462
49463
49464
49465
49466
49467
49468
49469
49470
49471
49472
49473
49474
49475
49476
49477
49478
49479
49480
49481
49482
49483
49484
49485
49486
49487
49488
49489
49490
49491
49492
49493
49494
49495
49496
49497
49498
49499
49500
49501
49502
49503
49504
49505
49506
49507
49508
49509
49510
49511
49512
49513
49514
49515
49516
49517
49518
49519
49520
49521
49522
49523
49524
49525
49526
49527
49528
49529
49530
49531
49532
49533
49534
49535
49536
49537
49538
49539
49540
49541
49542
49543
49544
49545
49546
49547
49548
49549
49550
49551
49552
49553
49554
49555
49556
49557
49558
49559
49560
49561
49562
49563
49564
49565
49566
49567
49568
49569
49570
49571
49572
49573
49574
49575
49576
49577
49578
49579
49580
49581
49582
49583
49584
49585
49586
49587
49588
49589
49590
49591
49592
49593
49594
49595
49596
49597
49598
49599
49600
49601
49602
49603
49604
49605
49606
49607
49608
49609
49610
49611
49612
49613
49614
49615
49616
49617
49618
49619
49620
49621
49622
49623
49624
49625
49626
49627
49628
49629
49630
49631
49632
49633
49634
49635
49636
49637
49638
49639
49640
49641
49642
49643
49644
49645
49646
49647
49648
49649
49650
49651
49652
49653
49654
49655
49656
49657
49658
49659
49660
49661
49662
49663
49664
49665
49666
49667
49668
49669
49670
49671
49672
49673
49674
49675
49676
49677
49678
49679
49680
49681
49682
49683
49684
49685
49686
49687
49688
49689
49690
49691
49692
49693
49694
49695
49696
49697
49698
49699
49700
49701
49702
49703
49704
49705
49706
49707
49708
49709
49710
49711
49712
49713
49714
49715
49716
49717
49718
49719
49720
49721
49722
49723
49724
49725
49726
49727
49728
49729
49730
49731
49732
49733
49734
49735
49736
49737
49738
49739
49740
49741
49742
49743
49744
49745
49746
49747
49748
49749
49750
49751
49752
49753
49754
49755
49756
49757
49758
49759
49760
49761
49762
49763
49764
49765
49766
49767
49768
49769
49770
49771
49772
49773
49774
49775
49776
49777
49778
49779
49780
49781
49782
49783
49784
49785
49786
49787
49788
49789
49790
49791
49792
49793
49794
49795
49796
49797
49798
49799
49800
49801
49802
49803
49804
49805
49806
49807
49808
49809
49810
49811
49812
49813
49814
49815
49816
49817
49818
49819
49820
49821
49822
49823
49824
49825
49826
49827
49828
49829
49830
49831
49832
49833
49834
49835
49836
49837
49838
49839
49840
49841
49842
49843
49844
49845
49846
49847
49848
49849
49850
49851
49852
49853
49854
49855
49856
49857
49858
49859
49860
49861
49862
49863
49864
49865
49866
49867
49868
49869
49870
49871
49872
49873
49874
49875
49876
49877
49878
49879
49880
49881
49882
49883
49884
49885
49886
49887
49888
49889
49890
49891
49892
49893
49894
49895
49896
49897
49898
49899
49900
49901
49902
49903
49904
49905
49906
49907
49908
49909
49910
49911
49912
49913
49914
49915
49916
49917
49918
49919
49920
49921
49922
49923
49924
49925
49926
49927
49928
49929
49930
49931
49932
49933
49934
49935
49936
49937
49938
49939
49940
49941
49942
49943
49944
49945
49946
49947
49948
49949
49950
49951
49952
49953
49954
49955
49956
49957
49958
49959
49960
49961
49962
49963
49964
49965
49966
49967
49968
49969
49970
49971
49972
49973
49974
49975
49976
49977
49978
49979
49980
49981
49982
49983
49984
49985
49986
49987
49988
49989
49990
49991
49992
49993
49994
49995
49996
49997
49998
49999
50000
50001
50002
50003
50004
50005
50006
50007
50008
50009
50010
50011
50012
50013
50014
50015
50016
50017
50018
50019
50020
50021
50022
50023
50024
50025
50026
50027
50028
50029
50030
50031
50032
50033
50034
50035
50036
50037
50038
50039
50040
50041
50042
50043
50044
50045
50046
50047
50048
50049
50050
50051
50052
50053
50054
50055
50056
50057
50058
50059
50060
50061
50062
50063
50064
50065
50066
50067
50068
50069
50070
50071
50072
50073
50074
50075
50076
50077
50078
50079
50080
50081
50082
50083
50084
50085
50086
50087
50088
50089
50090
50091
50092
50093
50094
50095
50096
50097
50098
50099
50100
50101
50102
50103
50104
50105
50106
50107
50108
50109
50110
50111
50112
50113
50114
50115
50116
50117
50118
50119
50120
50121
50122
50123
50124
50125
50126
50127
50128
50129
50130
50131
50132
50133
50134
50135
50136
50137
50138
50139
50140
50141
50142
50143
50144
50145
50146
50147
50148
50149
50150
50151
50152
50153
50154
50155
50156
50157
50158
50159
50160
50161
50162
50163
50164
50165
50166
50167
50168
50169
50170
50171
50172
50173
50174
50175
50176
50177
50178
50179
50180
50181
50182
50183
50184
50185
50186
50187
50188
50189
50190
50191
50192
50193
50194
50195
50196
50197
50198
50199
50200
50201
50202
50203
50204
50205
50206
50207
50208
50209
50210
50211
50212
50213
50214
50215
50216
50217
50218
50219
50220
50221
50222
50223
50224
50225
50226
50227
50228
50229
50230
50231
50232
50233
50234
50235
50236
50237
50238
50239
50240
50241
50242
50243
50244
50245
50246
50247
50248
50249
50250
50251
50252
50253
50254
50255
50256
50257
50258
50259
50260
50261
50262
50263
50264
50265
50266
50267
50268
50269
50270
50271
50272
50273
50274
50275
50276
50277
50278
50279
50280
50281
50282
50283
50284
50285
50286
50287
50288
50289
50290
50291
50292
50293
50294
50295
50296
50297
50298
50299
50300
50301
50302
50303
50304
50305
50306
50307
50308
50309
50310
50311
50312
50313
50314
50315
50316
50317
50318
50319
50320
50321
50322
50323
50324
50325
50326
50327
50328
50329
50330
50331
50332
50333
50334
50335
50336
50337
50338
50339
50340
50341
50342
50343
50344
50345
50346
50347
50348
50349
50350
50351
50352
50353
50354
50355
50356
50357
50358
50359
50360
50361
50362
50363
50364
50365
50366
50367
50368
50369
50370
50371
50372
50373
50374
50375
50376
50377
50378
50379
50380
50381
50382
50383
50384
50385
50386
50387
50388
50389
50390
50391
50392
50393
50394
50395
50396
50397
50398
50399
50400
50401
50402
50403
50404
50405
50406
50407
50408
50409
50410
50411
50412
50413
50414
50415
50416
50417
50418
50419
50420
50421
50422
50423
50424
50425
50426
50427
50428
50429
50430
50431
50432
50433
50434
50435
50436
50437
50438
50439
50440
50441
50442
50443
50444
50445
50446
50447
50448
50449
50450
50451
50452
50453
50454
50455
50456
50457
50458
50459
50460
50461
50462
50463
50464
50465
50466
50467
50468
50469
50470
50471
50472
50473
50474
50475
50476
50477
50478
50479
50480
50481
50482
50483
50484
50485
50486
50487
50488
50489
50490
50491
50492
50493
50494
50495
50496
50497
50498
50499
50500
50501
50502
50503
50504
50505
50506
50507
50508
50509
50510
50511
50512
50513
50514
50515
50516
50517
50518
50519
50520
50521
50522
50523
50524
50525
50526
50527
50528
50529
50530
50531
50532
50533
50534
50535
50536
50537
50538
50539
50540
50541
50542
50543
50544
50545
50546
50547
50548
50549
50550
50551
50552
50553
50554
50555
50556
50557
50558
50559
50560
50561
50562
50563
50564
50565
50566
50567
50568
50569
50570
50571
50572
50573
50574
50575
50576
50577
50578
50579
50580
50581
50582
50583
50584
50585
50586
50587
50588
50589
50590
50591
50592
50593
50594
50595
50596
50597
50598
50599
50600
50601
50602
50603
50604
50605
50606
50607
50608
50609
50610
50611
50612
50613
50614
50615
50616
50617
50618
50619
50620
50621
50622
50623
50624
50625
50626
50627
50628
50629
50630
50631
50632
50633
50634
50635
50636
50637
50638
50639
50640
50641
50642
50643
50644
50645
50646
50647
50648
50649
50650
50651
50652
50653
50654
50655
50656
50657
50658
50659
50660
50661
50662
50663
50664
50665
50666
50667
50668
50669
50670
50671
50672
50673
50674
50675
50676
50677
50678
50679
50680
50681
50682
50683
50684
50685
50686
50687
50688
50689
50690
50691
50692
50693
50694
50695
50696
50697
50698
50699
50700
50701
50702
50703
50704
50705
50706
50707
50708
50709
50710
50711
50712
50713
50714
50715
50716
50717
50718
50719
50720
50721
50722
50723
50724
50725
50726
50727
50728
50729
50730
50731
50732
50733
50734
50735
50736
50737
50738
50739
50740
50741
50742
50743
50744
50745
50746
50747
50748
50749
50750
50751
50752
50753
50754
50755
50756
50757
50758
50759
50760
50761
50762
50763
50764
50765
50766
50767
50768
50769
50770
50771
50772
50773
50774
50775
50776
50777
50778
50779
50780
50781
50782
50783
50784
50785
50786
50787
50788
50789
50790
50791
50792
50793
50794
50795
50796
50797
50798
50799
50800
50801
50802
50803
50804
50805
50806
50807
50808
50809
50810
50811
50812
50813
50814
50815
50816
50817
50818
50819
50820
50821
50822
50823
50824
50825
50826
50827
50828
50829
50830
50831
50832
50833
50834
50835
50836
50837
50838
50839
50840
50841
50842
50843
50844
50845
50846
50847
50848
50849
50850
50851
50852
50853
50854
50855
50856
50857
50858
50859
50860
50861
50862
50863
50864
50865
50866
50867
50868
50869
50870
50871
50872
50873
50874
50875
50876
50877
50878
50879
50880
50881
50882
50883
50884
50885
50886
50887
50888
50889
50890
50891
50892
50893
50894
50895
50896
50897
50898
50899
50900
50901
50902
50903
50904
50905
50906
50907
50908
50909
50910
50911
50912
50913
50914
50915
50916
50917
50918
50919
50920
50921
50922
50923
50924
50925
50926
50927
50928
50929
50930
50931
50932
50933
50934
50935
50936
50937
50938
50939
50940
50941
50942
50943
50944
50945
50946
50947
50948
50949
50950
50951
50952
50953
50954
50955
50956
50957
50958
50959
50960
50961
50962
50963
50964
50965
50966
50967
50968
50969
50970
50971
50972
50973
50974
50975
50976
50977
50978
50979
50980
50981
50982
50983
50984
50985
50986
50987
50988
50989
50990
50991
50992
50993
50994
50995
50996
50997
50998
50999
51000
51001
51002
51003
51004
51005
51006
51007
51008
51009
51010
51011
51012
51013
51014
51015
51016
51017
51018
51019
51020
51021
51022
51023
51024
51025
51026
51027
51028
51029
51030
51031
51032
51033
51034
51035
51036
51037
51038
51039
51040
51041
51042
51043
51044
51045
51046
51047
51048
51049
51050
51051
51052
51053
51054
51055
51056
51057
51058
51059
51060
51061
51062
51063
51064
51065
51066
51067
51068
51069
51070
51071
51072
51073
51074
51075
51076
51077
51078
51079
51080
51081
51082
51083
51084
51085
51086
51087
51088
51089
51090
51091
51092
51093
51094
51095
51096
51097
51098
51099
51100
51101
51102
51103
51104
51105
51106
51107
51108
51109
51110
51111
51112
51113
51114
51115
51116
51117
51118
51119
51120
51121
51122
51123
51124
51125
51126
51127
51128
51129
51130
51131
51132
51133
51134
51135
51136
51137
51138
51139
51140
51141
51142
51143
51144
51145
51146
51147
51148
51149
51150
51151
51152
51153
51154
51155
51156
51157
51158
51159
51160
51161
51162
51163
51164
51165
51166
51167
51168
51169
51170
51171
51172
51173
51174
51175
51176
51177
51178
51179
51180
51181
51182
51183
51184
51185
51186
51187
51188
51189
51190
51191
51192
51193
51194
51195
51196
51197
51198
51199
51200
51201
51202
51203
51204
51205
51206
51207
51208
51209
51210
51211
51212
51213
51214
51215
51216
51217
51218
51219
51220
51221
51222
51223
51224
51225
51226
51227
51228
51229
51230
51231
51232
51233
51234
51235
51236
51237
51238
51239
51240
51241
51242
51243
51244
51245
51246
51247
51248
51249
51250
51251
51252
51253
51254
51255
51256
51257
51258
51259
51260
51261
51262
51263
51264
51265
51266
51267
51268
51269
51270
51271
51272
51273
51274
51275
51276
51277
51278
51279
51280
51281
51282
51283
51284
51285
51286
51287
51288
51289
51290
51291
51292
51293
51294
51295
51296
51297
51298
51299
51300
51301
51302
51303
51304
51305
51306
51307
51308
51309
51310
51311
51312
51313
51314
51315
51316
51317
51318
51319
51320
51321
51322
51323
51324
51325
51326
51327
51328
51329
51330
51331
51332
51333
51334
51335
51336
51337
51338
51339
51340
51341
51342
51343
51344
51345
51346
51347
51348
51349
51350
51351
51352
51353
51354
51355
51356
51357
51358
51359
51360
51361
51362
51363
51364
51365
51366
51367
51368
51369
51370
51371
51372
51373
51374
51375
51376
51377
51378
51379
51380
51381
51382
51383
51384
51385
51386
51387
51388
51389
51390
51391
51392
51393
51394
51395
51396
51397
51398
51399
51400
51401
51402
51403
51404
51405
51406
51407
51408
51409
51410
51411
51412
51413
51414
51415
51416
51417
51418
51419
51420
51421
51422
51423
51424
51425
51426
51427
51428
51429
51430
51431
51432
51433
51434
51435
51436
51437
51438
51439
51440
51441
51442
51443
51444
51445
51446
51447
51448
51449
51450
51451
51452
51453
51454
51455
51456
51457
51458
51459
51460
51461
51462
51463
51464
51465
51466
51467
51468
51469
51470
51471
51472
51473
51474
51475
51476
51477
51478
51479
51480
51481
51482
51483
51484
51485
51486
51487
51488
51489
51490
51491
51492
51493
51494
51495
51496
51497
51498
51499
51500
51501
51502
51503
51504
51505
51506
51507
51508
51509
51510
51511
51512
51513
51514
51515
51516
51517
51518
51519
51520
51521
51522
51523
51524
51525
51526
51527
51528
51529
51530
51531
51532
51533
51534
51535
51536
51537
51538
51539
51540
51541
51542
51543
51544
51545
51546
51547
51548
51549
51550
51551
51552
51553
51554
51555
51556
51557
51558
51559
51560
51561
51562
51563
51564
51565
51566
51567
51568
51569
51570
51571
51572
51573
51574
51575
51576
51577
51578
51579
51580
51581
51582
51583
51584
51585
51586
51587
51588
51589
51590
51591
51592
51593
51594
51595
51596
51597
51598
51599
51600
51601
51602
51603
51604
51605
51606
51607
51608
51609
51610
51611
51612
51613
51614
51615
51616
51617
51618
51619
51620
51621
51622
51623
51624
51625
51626
51627
51628
51629
51630
51631
51632
51633
51634
51635
51636
51637
51638
51639
51640
51641
51642
51643
51644
51645
51646
51647
51648
51649
51650
51651
51652
51653
51654
51655
51656
51657
51658
51659
51660
51661
51662
51663
51664
51665
51666
51667
51668
51669
51670
51671
51672
51673
51674
51675
51676
51677
51678
51679
51680
51681
51682
51683
51684
51685
51686
51687
51688
51689
51690
51691
51692
51693
51694
51695
51696
51697
51698
51699
51700
51701
51702
51703
51704
51705
51706
51707
51708
51709
51710
51711
51712
51713
51714
51715
51716
51717
51718
51719
51720
51721
51722
51723
51724
51725
51726
51727
51728
51729
51730
51731
51732
51733
51734
51735
51736
51737
51738
51739
51740
51741
51742
51743
51744
51745
51746
51747
51748
51749
51750
51751
51752
51753
51754
51755
51756
51757
51758
51759
51760
51761
51762
51763
51764
51765
51766
51767
51768
51769
51770
51771
51772
51773
51774
51775
51776
51777
51778
51779
51780
51781
51782
51783
51784
51785
51786
51787
51788
51789
51790
51791
51792
51793
51794
51795
51796
51797
51798
51799
51800
51801
51802
51803
51804
51805
51806
51807
51808
51809
51810
51811
51812
51813
51814
51815
51816
51817
51818
51819
51820
51821
51822
51823
51824
51825
51826
51827
51828
51829
51830
51831
51832
51833
51834
51835
51836
51837
51838
51839
51840
51841
51842
51843
51844
51845
51846
51847
51848
51849
51850
51851
51852
51853
51854
51855
51856
51857
51858
51859
51860
51861
51862
51863
51864
51865
51866
51867
51868
51869
51870
51871
51872
51873
51874
51875
51876
51877
51878
51879
51880
51881
51882
51883
51884
51885
51886
51887
51888
51889
51890
51891
51892
51893
51894
51895
51896
51897
51898
51899
51900
51901
51902
51903
51904
51905
51906
51907
51908
51909
51910
51911
51912
51913
51914
51915
51916
51917
51918
51919
51920
51921
51922
51923
51924
51925
51926
51927
51928
51929
51930
51931
51932
51933
51934
51935
51936
51937
51938
51939
51940
51941
51942
51943
51944
51945
51946
51947
51948
51949
51950
51951
51952
51953
51954
51955
51956
51957
51958
51959
51960
51961
51962
51963
51964
51965
51966
51967
51968
51969
51970
51971
51972
51973
51974
51975
51976
51977
51978
51979
51980
51981
51982
51983
51984
51985
51986
51987
51988
51989
51990
51991
51992
51993
51994
51995
51996
51997
51998
51999
52000
52001
52002
52003
52004
52005
52006
52007
52008
52009
52010
52011
52012
52013
52014
52015
52016
52017
52018
52019
52020
52021
52022
52023
52024
52025
52026
52027
52028
52029
52030
52031
52032
52033
52034
52035
52036
52037
52038
52039
52040
52041
52042
52043
52044
52045
52046
52047
52048
52049
52050
52051
52052
52053
52054
52055
52056
52057
52058
52059
52060
52061
52062
52063
52064
52065
52066
52067
52068
52069
52070
52071
52072
52073
52074
52075
52076
52077
52078
52079
52080
52081
52082
52083
52084
52085
52086
52087
52088
52089
52090
52091
52092
52093
52094
52095
52096
52097
52098
52099
52100
52101
52102
52103
52104
52105
52106
52107
52108
52109
52110
52111
52112
52113
52114
52115
52116
52117
52118
52119
52120
52121
52122
52123
52124
52125
52126
52127
52128
52129
52130
52131
52132
52133
52134
52135
52136
52137
52138
52139
52140
52141
52142
52143
52144
52145
52146
52147
52148
52149
52150
52151
52152
52153
52154
52155
52156
52157
52158
52159
52160
52161
52162
52163
52164
52165
52166
52167
52168
52169
52170
52171
52172
52173
52174
52175
52176
52177
52178
52179
52180
52181
52182
52183
52184
52185
52186
52187
52188
52189
52190
52191
52192
52193
52194
52195
52196
52197
52198
52199
52200
52201
52202
52203
52204
52205
52206
52207
52208
52209
52210
52211
52212
52213
52214
52215
52216
52217
52218
52219
52220
52221
52222
52223
52224
52225
52226
52227
52228
52229
52230
52231
52232
52233
52234
52235
52236
52237
52238
52239
52240
52241
52242
52243
52244
52245
52246
52247
52248
52249
52250
52251
52252
52253
52254
52255
52256
52257
52258
52259
52260
52261
52262
52263
52264
52265
52266
52267
52268
52269
52270
52271
52272
52273
52274
52275
52276
52277
52278
52279
52280
52281
52282
52283
52284
52285
52286
52287
52288
52289
52290
52291
52292
52293
52294
52295
52296
52297
52298
52299
52300
52301
52302
52303
52304
52305
52306
52307
52308
52309
52310
52311
52312
52313
52314
52315
52316
52317
52318
52319
52320
52321
52322
52323
52324
52325
52326
52327
52328
52329
52330
52331
52332
52333
52334
52335
52336
52337
52338
52339
52340
52341
52342
52343
52344
52345
52346
52347
52348
52349
52350
52351
52352
52353
52354
52355
52356
52357
52358
52359
52360
52361
52362
52363
52364
52365
52366
52367
52368
52369
52370
52371
52372
52373
52374
52375
52376
52377
52378
52379
52380
52381
52382
52383
52384
52385
52386
52387
52388
52389
52390
52391
52392
52393
52394
52395
52396
52397
52398
52399
52400
52401
52402
52403
52404
52405
52406
52407
52408
52409
52410
52411
52412
52413
52414
52415
52416
52417
52418
52419
52420
52421
52422
52423
52424
52425
52426
52427
52428
52429
52430
52431
52432
52433
52434
52435
52436
52437
52438
52439
52440
52441
52442
52443
52444
52445
52446
52447
52448
52449
52450
52451
52452
52453
52454
52455
52456
52457
52458
52459
52460
52461
52462
52463
52464
52465
52466
52467
52468
52469
52470
52471
52472
52473
52474
52475
52476
52477
52478
52479
52480
52481
52482
52483
52484
52485
52486
52487
52488
52489
52490
52491
52492
52493
52494
52495
52496
52497
52498
52499
52500
52501
52502
52503
52504
52505
52506
52507
52508
52509
52510
52511
52512
52513
52514
52515
52516
52517
52518
52519
52520
52521
52522
52523
52524
52525
52526
52527
52528
52529
52530
52531
52532
52533
52534
52535
52536
52537
52538
52539
52540
52541
52542
52543
52544
52545
52546
52547
52548
52549
52550
52551
52552
52553
52554
52555
52556
52557
52558
52559
52560
52561
52562
52563
52564
52565
52566
52567
52568
52569
52570
52571
52572
52573
52574
52575
52576
52577
52578
52579
52580
52581
52582
52583
52584
52585
52586
52587
52588
52589
52590
52591
52592
52593
52594
52595
52596
52597
52598
52599
52600
52601
52602
52603
52604
52605
52606
52607
52608
52609
52610
52611
52612
52613
52614
52615
52616
52617
52618
52619
52620
52621
52622
52623
52624
52625
52626
52627
52628
52629
52630
52631
52632
52633
52634
52635
52636
52637
52638
52639
52640
52641
52642
52643
52644
52645
52646
52647
52648
52649
52650
52651
52652
52653
52654
52655
52656
52657
52658
52659
52660
52661
52662
52663
52664
52665
52666
52667
52668
52669
52670
52671
52672
52673
52674
52675
52676
52677
52678
52679
52680
52681
52682
52683
52684
52685
52686
52687
52688
52689
52690
52691
52692
52693
52694
52695
52696
52697
52698
52699
52700
52701
52702
52703
52704
52705
52706
52707
52708
52709
52710
52711
52712
52713
52714
52715
52716
52717
52718
52719
52720
52721
52722
52723
52724
52725
52726
52727
52728
52729
52730
52731
52732
52733
52734
52735
52736
52737
52738
52739
52740
52741
52742
52743
52744
52745
52746
52747
52748
52749
52750
52751
52752
52753
52754
52755
52756
52757
52758
52759
52760
52761
52762
52763
52764
52765
52766
52767
52768
52769
52770
52771
52772
52773
52774
52775
52776
52777
52778
52779
52780
52781
52782
52783
52784
52785
52786
52787
52788
52789
52790
52791
52792
52793
52794
52795
52796
52797
52798
52799
52800
52801
52802
52803
52804
52805
52806
52807
52808
52809
52810
52811
52812
52813
52814
52815
52816
52817
52818
52819
52820
52821
52822
52823
52824
52825
52826
52827
52828
52829
52830
52831
52832
52833
52834
52835
52836
52837
52838
52839
52840
52841
52842
52843
52844
52845
52846
52847
52848
52849
52850
52851
52852
52853
52854
52855
52856
52857
52858
52859
52860
52861
52862
52863
52864
52865
52866
52867
52868
52869
52870
52871
52872
52873
52874
52875
52876
52877
52878
52879
52880
52881
52882
52883
52884
52885
52886
52887
52888
52889
52890
52891
52892
52893
52894
52895
52896
52897
52898
52899
52900
52901
52902
52903
52904
52905
52906
52907
52908
52909
52910
52911
52912
52913
52914
52915
52916
52917
52918
52919
52920
52921
52922
52923
52924
52925
52926
52927
52928
52929
52930
52931
52932
52933
52934
52935
52936
52937
52938
52939
52940
52941
52942
52943
52944
52945
52946
52947
52948
52949
52950
52951
52952
52953
52954
52955
52956
52957
52958
52959
52960
52961
52962
52963
52964
52965
52966
52967
52968
52969
52970
52971
52972
52973
52974
52975
52976
52977
52978
52979
52980
52981
52982
52983
52984
52985
52986
52987
52988
52989
52990
52991
52992
52993
52994
52995
52996
52997
52998
52999
53000
53001
53002
53003
53004
53005
53006
53007
53008
53009
53010
53011
53012
53013
53014
53015
53016
53017
53018
53019
53020
53021
53022
53023
53024
53025
53026
53027
53028
53029
53030
53031
53032
53033
53034
53035
53036
53037
53038
53039
53040
53041
53042
53043
53044
53045
53046
53047
53048
53049
53050
53051
53052
53053
53054
53055
53056
53057
53058
53059
53060
53061
53062
53063
53064
53065
53066
53067
53068
53069
53070
53071
53072
53073
53074
53075
53076
53077
53078
53079
53080
53081
53082
53083
53084
53085
53086
53087
53088
53089
53090
53091
53092
53093
53094
53095
53096
53097
53098
53099
53100
53101
53102
53103
53104
53105
53106
53107
53108
53109
53110
53111
53112
53113
53114
53115
53116
53117
53118
53119
53120
53121
53122
53123
53124
53125
53126
53127
53128
53129
53130
53131
53132
53133
53134
53135
53136
53137
53138
53139
53140
53141
53142
53143
53144
53145
53146
53147
53148
53149
53150
53151
53152
53153
53154
53155
53156
53157
53158
53159
53160
53161
53162
53163
53164
53165
53166
53167
53168
53169
53170
53171
53172
53173
53174
53175
53176
53177
53178
53179
53180
53181
53182
53183
53184
53185
53186
53187
53188
53189
53190
53191
53192
53193
53194
53195
53196
53197
53198
53199
53200
53201
53202
53203
53204
53205
53206
53207
53208
53209
53210
53211
53212
53213
53214
53215
53216
53217
53218
53219
53220
53221
53222
53223
53224
53225
53226
53227
53228
53229
53230
53231
53232
53233
53234
53235
53236
53237
53238
53239
53240
53241
53242
53243
53244
53245
53246
53247
53248
53249
53250
53251
53252
53253
53254
53255
53256
53257
53258
53259
53260
53261
53262
53263
53264
53265
53266
53267
53268
53269
53270
53271
53272
53273
53274
53275
53276
53277
53278
53279
53280
53281
53282
53283
53284
53285
53286
53287
53288
53289
53290
53291
53292
53293
53294
53295
53296
53297
53298
53299
53300
53301
53302
53303
53304
53305
53306
53307
53308
53309
53310
53311
53312
53313
53314
53315
53316
53317
53318
53319
53320
53321
53322
53323
53324
53325
53326
53327
53328
53329
53330
53331
53332
53333
53334
53335
53336
53337
53338
53339
53340
53341
53342
53343
53344
53345
53346
53347
53348
53349
53350
53351
53352
53353
53354
53355
53356
53357
53358
53359
53360
53361
53362
53363
53364
53365
53366
53367
53368
53369
53370
53371
53372
53373
53374
53375
53376
53377
53378
53379
53380
53381
53382
53383
53384
53385
53386
53387
53388
53389
53390
53391
53392
53393
53394
53395
53396
53397
53398
53399
53400
53401
53402
53403
53404
53405
53406
53407
53408
53409
53410
53411
53412
53413
53414
53415
53416
53417
53418
53419
53420
53421
53422
53423
53424
53425
53426
53427
53428
53429
53430
53431
53432
53433
53434
53435
53436
53437
53438
53439
53440
53441
53442
53443
53444
53445
53446
53447
53448
53449
53450
53451
53452
53453
53454
53455
53456
53457
53458
53459
53460
53461
53462
53463
53464
53465
53466
53467
53468
53469
53470
53471
53472
53473
53474
53475
53476
53477
53478
53479
53480
53481
53482
53483
53484
53485
53486
53487
53488
53489
53490
53491
53492
53493
53494
53495
53496
53497
53498
53499
53500
53501
53502
53503
53504
53505
53506
53507
53508
53509
53510
53511
53512
53513
53514
53515
53516
53517
53518
53519
53520
53521
53522
53523
53524
53525
53526
53527
53528
53529
53530
53531
53532
53533
53534
53535
53536
53537
53538
53539
53540
53541
53542
53543
53544
53545
53546
53547
53548
53549
53550
53551
53552
53553
53554
53555
53556
53557
53558
53559
53560
53561
53562
53563
53564
53565
53566
53567
53568
53569
53570
53571
53572
53573
53574
53575
53576
53577
53578
53579
53580
53581
53582
53583
53584
53585
53586
53587
53588
53589
53590
53591
53592
53593
53594
53595
53596
53597
53598
53599
53600
53601
53602
53603
53604
53605
53606
53607
53608
53609
53610
53611
53612
53613
53614
53615
53616
53617
53618
53619
53620
53621
53622
53623
53624
53625
53626
53627
53628
53629
53630
53631
53632
53633
53634
53635
53636
53637
53638
53639
53640
53641
53642
53643
53644
53645
53646
53647
53648
53649
53650
53651
53652
53653
53654
53655
53656
53657
53658
53659
53660
53661
53662
53663
53664
53665
53666
53667
53668
53669
53670
53671
53672
53673
53674
53675
53676
53677
53678
53679
53680
53681
53682
53683
53684
53685
53686
53687
53688
53689
53690
53691
53692
53693
53694
53695
53696
53697
53698
53699
53700
53701
53702
53703
53704
53705
53706
53707
53708
53709
53710
53711
53712
53713
53714
53715
53716
53717
53718
53719
53720
53721
53722
53723
53724
53725
53726
53727
53728
53729
53730
53731
53732
53733
53734
53735
53736
53737
53738
53739
53740
53741
53742
53743
53744
53745
53746
53747
53748
53749
53750
53751
53752
53753
53754
53755
53756
53757
53758
53759
53760
53761
53762
53763
53764
53765
53766
53767
53768
53769
53770
53771
53772
53773
53774
53775
53776
53777
53778
53779
53780
53781
53782
53783
53784
53785
53786
53787
53788
53789
53790
53791
53792
53793
53794
53795
53796
53797
53798
53799
53800
53801
53802
53803
53804
53805
53806
53807
53808
53809
53810
53811
53812
53813
53814
53815
53816
53817
53818
53819
53820
53821
53822
53823
53824
53825
53826
53827
53828
53829
53830
53831
53832
53833
53834
53835
53836
53837
53838
53839
53840
53841
53842
53843
53844
53845
53846
53847
53848
53849
53850
53851
53852
53853
53854
53855
53856
53857
53858
53859
53860
53861
53862
53863
53864
53865
53866
53867
53868
53869
53870
53871
53872
53873
53874
53875
53876
53877
53878
53879
53880
53881
53882
53883
53884
53885
53886
53887
53888
53889
53890
53891
53892
53893
53894
53895
53896
53897
53898
53899
53900
53901
53902
53903
53904
53905
53906
53907
53908
53909
53910
53911
53912
53913
53914
53915
53916
53917
53918
53919
53920
53921
53922
53923
53924
53925
53926
53927
53928
53929
53930
53931
53932
53933
53934
53935
53936
53937
53938
53939
53940
53941
53942
53943
53944
53945
53946
53947
53948
53949
53950
53951
53952
53953
53954
53955
53956
53957
53958
53959
53960
53961
53962
53963
53964
53965
53966
53967
53968
53969
53970
53971
53972
53973
53974
53975
53976
53977
53978
53979
53980
53981
53982
53983
53984
53985
53986
53987
53988
53989
53990
53991
53992
53993
53994
53995
53996
53997
53998
53999
54000
54001
54002
54003
54004
54005
54006
54007
54008
54009
54010
54011
54012
54013
54014
54015
54016
54017
54018
54019
54020
54021
54022
54023
54024
54025
54026
54027
54028
54029
54030
54031
54032
54033
54034
54035
54036
54037
54038
54039
54040
54041
54042
54043
54044
54045
54046
54047
54048
54049
54050
54051
54052
54053
54054
54055
54056
54057
54058
54059
54060
54061
54062
54063
54064
54065
54066
54067
54068
54069
54070
54071
54072
54073
54074
54075
54076
54077
54078
54079
54080
54081
54082
54083
54084
54085
54086
54087
54088
54089
54090
54091
54092
54093
54094
54095
54096
54097
54098
54099
54100
54101
54102
54103
54104
54105
54106
54107
54108
54109
54110
54111
54112
54113
54114
54115
54116
54117
54118
54119
54120
54121
54122
54123
54124
54125
54126
54127
54128
54129
54130
54131
54132
54133
54134
54135
54136
54137
54138
54139
54140
54141
54142
54143
54144
54145
54146
54147
54148
54149
54150
54151
54152
54153
54154
54155
54156
54157
54158
54159
54160
54161
54162
54163
54164
54165
54166
54167
54168
54169
54170
54171
54172
54173
54174
54175
54176
54177
54178
54179
54180
54181
54182
54183
54184
54185
54186
54187
54188
54189
54190
54191
54192
54193
54194
54195
54196
54197
54198
54199
54200
54201
54202
54203
54204
54205
54206
54207
54208
54209
54210
54211
54212
54213
54214
54215
54216
54217
54218
54219
54220
54221
54222
54223
54224
54225
54226
54227
54228
54229
54230
54231
54232
54233
54234
54235
54236
54237
54238
54239
54240
54241
54242
54243
54244
54245
54246
54247
54248
54249
54250
54251
54252
54253
54254
54255
54256
54257
54258
54259
54260
54261
54262
54263
54264
54265
54266
54267
54268
54269
54270
54271
54272
54273
54274
54275
54276
54277
54278
54279
54280
54281
54282
54283
54284
54285
54286
54287
54288
54289
54290
54291
54292
54293
54294
54295
54296
54297
54298
54299
54300
54301
54302
54303
54304
54305
54306
54307
54308
54309
54310
54311
54312
54313
54314
54315
54316
54317
54318
54319
54320
54321
54322
54323
54324
54325
54326
54327
54328
54329
54330
54331
54332
54333
54334
54335
54336
54337
54338
54339
54340
54341
54342
54343
54344
54345
54346
54347
54348
54349
54350
54351
54352
54353
54354
54355
54356
54357
54358
54359
54360
54361
54362
54363
54364
54365
54366
54367
54368
54369
54370
54371
54372
54373
54374
54375
54376
54377
54378
54379
54380
54381
54382
54383
54384
54385
54386
54387
54388
54389
54390
54391
54392
54393
54394
54395
54396
54397
54398
54399
54400
54401
54402
54403
54404
54405
54406
54407
54408
54409
54410
54411
54412
54413
54414
54415
54416
54417
54418
54419
54420
54421
54422
54423
54424
54425
54426
54427
54428
54429
54430
54431
54432
54433
54434
54435
54436
54437
54438
54439
54440
54441
54442
54443
54444
54445
54446
54447
54448
54449
54450
54451
54452
54453
54454
54455
54456
54457
54458
54459
54460
54461
54462
54463
54464
54465
54466
54467
54468
54469
54470
54471
54472
54473
54474
54475
54476
54477
54478
54479
54480
54481
54482
54483
54484
54485
54486
54487
54488
54489
54490
54491
54492
54493
54494
54495
54496
54497
54498
54499
54500
54501
54502
54503
54504
54505
54506
54507
54508
54509
54510
54511
54512
54513
54514
54515
54516
54517
54518
54519
54520
54521
54522
54523
54524
54525
54526
54527
54528
54529
54530
54531
54532
54533
54534
54535
54536
54537
54538
54539
54540
54541
54542
54543
54544
54545
54546
54547
54548
54549
54550
54551
54552
54553
54554
54555
54556
54557
54558
54559
54560
54561
54562
54563
54564
54565
54566
54567
54568
54569
54570
54571
54572
54573
54574
54575
54576
54577
54578
54579
54580
54581
54582
54583
54584
54585
54586
54587
54588
54589
54590
54591
54592
54593
54594
54595
54596
54597
54598
54599
54600
54601
54602
54603
54604
54605
54606
54607
54608
54609
54610
54611
54612
54613
54614
54615
54616
54617
54618
54619
54620
54621
54622
54623
54624
54625
54626
54627
54628
54629
54630
54631
54632
54633
54634
54635
54636
54637
54638
54639
54640
54641
54642
54643
54644
54645
54646
54647
54648
54649
54650
54651
54652
54653
54654
54655
54656
54657
54658
54659
54660
54661
54662
54663
54664
54665
54666
54667
54668
54669
54670
54671
54672
54673
54674
54675
54676
54677
54678
54679
54680
54681
54682
54683
54684
54685
54686
54687
54688
54689
54690
54691
54692
54693
54694
54695
54696
54697
54698
54699
54700
54701
54702
54703
54704
54705
54706
54707
54708
54709
54710
54711
54712
54713
54714
54715
54716
54717
54718
54719
54720
54721
54722
54723
54724
54725
54726
54727
54728
54729
54730
54731
54732
54733
54734
54735
54736
54737
54738
54739
54740
54741
54742
54743
54744
54745
54746
54747
54748
54749
54750
54751
54752
54753
54754
54755
54756
54757
54758
54759
54760
54761
54762
54763
54764
54765
54766
54767
54768
54769
54770
54771
54772
54773
54774
54775
54776
54777
54778
54779
54780
54781
54782
54783
54784
54785
54786
54787
54788
54789
54790
54791
54792
54793
54794
54795
54796
54797
54798
54799
54800
54801
54802
54803
54804
54805
54806
54807
54808
54809
54810
54811
54812
54813
54814
54815
54816
54817
54818
54819
54820
54821
54822
54823
54824
54825
54826
54827
54828
54829
54830
54831
54832
54833
54834
54835
54836
54837
54838
54839
54840
54841
54842
54843
54844
54845
54846
54847
54848
54849
54850
54851
54852
54853
54854
54855
54856
54857
54858
54859
54860
54861
54862
54863
54864
54865
54866
54867
54868
54869
54870
54871
54872
54873
54874
54875
54876
54877
54878
54879
54880
54881
54882
54883
54884
54885
54886
54887
54888
54889
54890
54891
54892
54893
54894
54895
54896
54897
54898
54899
54900
54901
54902
54903
54904
54905
54906
54907
54908
54909
54910
54911
54912
54913
54914
54915
54916
54917
54918
54919
54920
54921
54922
54923
54924
54925
54926
54927
54928
54929
54930
54931
54932
54933
54934
54935
54936
54937
54938
54939
54940
54941
54942
54943
54944
54945
54946
54947
54948
54949
54950
54951
54952
54953
54954
54955
54956
54957
54958
54959
54960
54961
54962
54963
54964
54965
54966
54967
54968
54969
54970
54971
54972
54973
54974
54975
54976
54977
54978
54979
54980
54981
54982
54983
54984
54985
54986
54987
54988
54989
54990
54991
54992
54993
54994
54995
54996
54997
54998
54999
55000
55001
55002
55003
55004
55005
55006
55007
55008
55009
55010
55011
55012
55013
55014
55015
55016
55017
55018
55019
55020
55021
55022
55023
55024
55025
55026
55027
55028
55029
55030
55031
55032
55033
55034
55035
55036
55037
55038
55039
55040
55041
55042
55043
55044
55045
55046
55047
55048
55049
55050
55051
55052
55053
55054
55055
55056
55057
55058
55059
55060
55061
55062
55063
55064
55065
55066
55067
55068
55069
55070
55071
55072
55073
55074
55075
55076
55077
55078
55079
55080
55081
55082
55083
55084
55085
55086
55087
55088
55089
55090
55091
55092
55093
55094
55095
55096
55097
55098
55099
55100
55101
55102
55103
55104
55105
55106
55107
55108
55109
55110
55111
55112
55113
55114
55115
55116
55117
55118
55119
55120
55121
55122
55123
55124
55125
55126
55127
55128
55129
55130
55131
55132
55133
55134
55135
55136
55137
55138
55139
55140
55141
55142
55143
55144
55145
55146
55147
55148
55149
55150
55151
55152
55153
55154
55155
55156
55157
55158
55159
55160
55161
55162
55163
55164
55165
55166
55167
55168
55169
55170
55171
55172
55173
55174
55175
55176
55177
55178
55179
55180
55181
55182
55183
55184
55185
55186
55187
55188
55189
55190
55191
55192
55193
55194
55195
55196
55197
55198
55199
55200
55201
55202
55203
55204
55205
55206
55207
55208
55209
55210
55211
55212
55213
55214
55215
55216
55217
55218
55219
55220
55221
55222
55223
55224
55225
55226
55227
55228
55229
55230
55231
55232
55233
55234
55235
55236
55237
55238
55239
55240
55241
55242
55243
55244
55245
55246
55247
55248
55249
55250
55251
55252
55253
55254
55255
55256
55257
55258
55259
55260
55261
55262
55263
55264
55265
55266
55267
55268
55269
55270
55271
55272
55273
55274
55275
55276
55277
55278
55279
55280
55281
55282
55283
55284
55285
55286
55287
55288
55289
55290
55291
55292
55293
55294
55295
55296
55297
55298
55299
55300
55301
55302
55303
55304
55305
55306
55307
55308
55309
55310
55311
55312
55313
55314
55315
55316
55317
55318
55319
55320
55321
55322
55323
55324
55325
55326
55327
55328
55329
55330
55331
55332
55333
55334
55335
55336
55337
55338
55339
55340
55341
55342
55343
55344
55345
55346
55347
55348
55349
55350
55351
55352
55353
55354
55355
55356
55357
55358
55359
55360
55361
55362
55363
55364
55365
55366
55367
55368
55369
55370
55371
55372
55373
55374
55375
55376
55377
55378
55379
55380
55381
55382
55383
55384
55385
55386
55387
55388
55389
55390
55391
55392
55393
55394
55395
55396
55397
55398
55399
55400
55401
55402
55403
55404
55405
55406
55407
55408
55409
55410
55411
55412
55413
55414
55415
55416
55417
55418
55419
55420
55421
55422
55423
55424
55425
55426
55427
55428
55429
55430
55431
55432
55433
55434
55435
55436
55437
55438
55439
55440
55441
55442
55443
55444
55445
55446
55447
55448
55449
55450
55451
55452
55453
55454
55455
55456
55457
55458
55459
55460
55461
55462
55463
55464
55465
55466
55467
55468
55469
55470
55471
55472
55473
55474
55475
55476
55477
55478
55479
55480
55481
55482
55483
55484
55485
55486
55487
55488
55489
55490
55491
55492
55493
55494
55495
55496
55497
55498
55499
55500
55501
55502
55503
55504
55505
55506
55507
55508
55509
55510
55511
55512
55513
55514
55515
55516
55517
55518
55519
55520
55521
55522
55523
55524
55525
55526
55527
55528
55529
55530
55531
55532
55533
55534
55535
55536
55537
55538
55539
55540
55541
55542
55543
55544
55545
55546
55547
55548
55549
55550
55551
55552
55553
55554
55555
55556
55557
55558
55559
55560
55561
55562
55563
55564
55565
55566
55567
55568
55569
55570
55571
55572
55573
55574
55575
55576
55577
55578
55579
55580
55581
55582
55583
55584
55585
55586
55587
55588
55589
55590
55591
55592
55593
55594
55595
55596
55597
55598
55599
55600
55601
55602
55603
55604
55605
55606
55607
55608
55609
55610
55611
55612
55613
55614
55615
55616
55617
55618
55619
55620
55621
55622
55623
55624
55625
55626
55627
55628
55629
55630
55631
55632
55633
55634
55635
55636
55637
55638
55639
55640
55641
55642
55643
55644
55645
55646
55647
55648
55649
55650
55651
55652
55653
55654
55655
55656
55657
55658
55659
55660
55661
55662
55663
55664
55665
55666
55667
55668
55669
55670
55671
55672
55673
55674
55675
55676
55677
55678
55679
55680
55681
55682
55683
55684
55685
55686
55687
55688
55689
55690
55691
55692
55693
55694
55695
55696
55697
55698
55699
55700
55701
55702
55703
55704
55705
55706
55707
55708
55709
55710
55711
55712
55713
55714
55715
55716
55717
55718
55719
55720
55721
55722
55723
55724
55725
55726
55727
55728
55729
55730
55731
55732
55733
55734
55735
55736
55737
55738
55739
55740
55741
55742
55743
55744
55745
55746
55747
55748
55749
55750
55751
55752
55753
55754
55755
55756
55757
55758
55759
55760
55761
55762
55763
55764
55765
55766
55767
55768
55769
55770
55771
55772
55773
55774
55775
55776
55777
55778
55779
55780
55781
55782
55783
55784
55785
55786
55787
55788
55789
55790
55791
55792
55793
55794
55795
55796
55797
55798
55799
55800
55801
55802
55803
55804
55805
55806
55807
55808
55809
55810
55811
55812
55813
55814
55815
55816
55817
55818
55819
55820
55821
55822
55823
55824
55825
55826
55827
55828
55829
55830
55831
55832
55833
55834
55835
55836
55837
55838
55839
55840
55841
55842
55843
55844
55845
55846
55847
55848
55849
55850
55851
55852
55853
55854
55855
55856
55857
55858
55859
55860
55861
55862
55863
55864
55865
55866
55867
55868
55869
55870
55871
55872
55873
55874
55875
55876
55877
55878
55879
55880
55881
55882
55883
55884
55885
55886
55887
55888
55889
55890
55891
55892
55893
55894
55895
55896
55897
55898
55899
55900
55901
55902
55903
55904
55905
55906
55907
55908
55909
55910
55911
55912
55913
55914
55915
55916
55917
55918
55919
55920
55921
55922
55923
55924
55925
55926
55927
55928
55929
55930
55931
55932
55933
55934
55935
55936
55937
55938
55939
55940
55941
55942
55943
55944
55945
55946
55947
55948
55949
55950
55951
55952
55953
55954
55955
55956
55957
55958
55959
55960
55961
55962
55963
55964
55965
55966
55967
55968
55969
55970
55971
55972
55973
55974
55975
55976
55977
55978
55979
55980
55981
55982
55983
55984
55985
55986
55987
55988
55989
55990
55991
55992
55993
55994
55995
55996
55997
55998
55999
56000
56001
56002
56003
56004
56005
56006
56007
56008
56009
56010
56011
56012
56013
56014
56015
56016
56017
56018
56019
56020
56021
56022
56023
56024
56025
56026
56027
56028
56029
56030
56031
56032
56033
56034
56035
56036
56037
56038
56039
56040
56041
56042
56043
56044
56045
56046
56047
56048
56049
56050
56051
56052
56053
56054
56055
56056
56057
56058
56059
56060
56061
56062
56063
56064
56065
56066
56067
56068
56069
56070
56071
56072
56073
56074
56075
56076
56077
56078
56079
56080
56081
56082
56083
56084
56085
56086
56087
56088
56089
56090
56091
56092
56093
56094
56095
56096
56097
56098
56099
56100
56101
56102
56103
56104
56105
56106
56107
56108
56109
56110
56111
56112
56113
56114
56115
56116
56117
56118
56119
56120
56121
56122
56123
56124
56125
56126
56127
56128
56129
56130
56131
56132
56133
56134
56135
56136
56137
56138
56139
56140
56141
56142
56143
56144
56145
56146
56147
56148
56149
56150
56151
56152
56153
56154
56155
56156
56157
56158
56159
56160
56161
56162
56163
56164
56165
56166
56167
56168
56169
56170
56171
56172
56173
56174
56175
56176
56177
56178
56179
56180
56181
56182
56183
56184
56185
56186
56187
56188
56189
56190
56191
56192
56193
56194
56195
56196
56197
56198
56199
56200
56201
56202
56203
56204
56205
56206
56207
56208
56209
56210
56211
56212
56213
56214
56215
56216
56217
56218
56219
56220
56221
56222
56223
56224
56225
56226
56227
56228
56229
56230
56231
56232
56233
56234
56235
56236
56237
56238
56239
56240
56241
56242
56243
56244
56245
56246
56247
56248
56249
56250
56251
56252
56253
56254
56255
56256
56257
56258
56259
56260
56261
56262
56263
56264
56265
56266
56267
56268
56269
56270
56271
56272
56273
56274
56275
56276
56277
56278
56279
56280
56281
56282
56283
56284
56285
56286
56287
56288
56289
56290
56291
56292
56293
56294
56295
56296
56297
56298
56299
56300
56301
56302
56303
56304
56305
56306
56307
56308
56309
56310
56311
56312
56313
56314
56315
56316
56317
56318
56319
56320
56321
56322
56323
56324
56325
56326
56327
56328
56329
56330
56331
56332
56333
56334
56335
56336
56337
56338
56339
56340
56341
56342
56343
56344
56345
56346
56347
56348
56349
56350
56351
56352
56353
56354
56355
56356
56357
56358
56359
56360
56361
56362
56363
56364
56365
56366
56367
56368
56369
56370
56371
56372
56373
56374
56375
56376
56377
56378
56379
56380
56381
56382
56383
56384
56385
56386
56387
56388
56389
56390
56391
56392
56393
56394
56395
56396
56397
56398
56399
56400
56401
56402
56403
56404
56405
56406
56407
56408
56409
56410
56411
56412
56413
56414
56415
56416
56417
56418
56419
56420
56421
56422
56423
56424
56425
56426
56427
56428
56429
56430
56431
56432
56433
56434
56435
56436
56437
56438
56439
56440
56441
56442
56443
56444
56445
56446
56447
56448
56449
56450
56451
56452
56453
56454
56455
56456
56457
56458
56459
56460
56461
56462
56463
56464
56465
56466
56467
56468
56469
56470
56471
56472
56473
56474
56475
56476
56477
56478
56479
56480
56481
56482
56483
56484
56485
56486
56487
56488
56489
56490
56491
56492
56493
56494
56495
56496
56497
56498
56499
56500
56501
56502
56503
56504
56505
56506
56507
56508
56509
56510
56511
56512
56513
56514
56515
56516
56517
56518
56519
56520
56521
56522
56523
56524
56525
56526
56527
56528
56529
56530
56531
56532
56533
56534
56535
56536
56537
56538
56539
56540
56541
56542
56543
56544
56545
56546
56547
56548
56549
56550
56551
56552
56553
56554
56555
56556
56557
56558
56559
56560
56561
56562
56563
56564
56565
56566
56567
56568
56569
56570
56571
56572
56573
56574
56575
56576
56577
56578
56579
56580
56581
56582
56583
56584
56585
56586
56587
56588
56589
56590
56591
56592
56593
56594
56595
56596
56597
56598
56599
56600
56601
56602
56603
56604
56605
56606
56607
56608
56609
56610
56611
56612
56613
56614
56615
56616
56617
56618
56619
56620
56621
56622
56623
56624
56625
56626
56627
56628
56629
56630
56631
56632
56633
56634
56635
56636
56637
56638
56639
56640
56641
56642
56643
56644
56645
56646
56647
56648
56649
56650
56651
56652
56653
56654
56655
56656
56657
56658
56659
56660
56661
56662
56663
56664
56665
56666
56667
56668
56669
56670
56671
56672
56673
56674
56675
56676
56677
56678
56679
56680
56681
56682
56683
56684
56685
56686
56687
56688
56689
56690
56691
56692
56693
56694
56695
56696
56697
56698
56699
56700
56701
56702
56703
56704
56705
56706
56707
56708
56709
56710
56711
56712
56713
56714
56715
56716
56717
56718
56719
56720
56721
56722
56723
56724
56725
56726
56727
56728
56729
56730
56731
56732
56733
56734
56735
56736
56737
56738
56739
56740
56741
56742
56743
56744
56745
56746
56747
56748
56749
56750
56751
56752
56753
56754
56755
56756
56757
56758
56759
56760
56761
56762
56763
56764
56765
56766
56767
56768
56769
56770
56771
56772
56773
56774
56775
56776
56777
56778
56779
56780
56781
56782
56783
56784
56785
56786
56787
56788
56789
56790
56791
56792
56793
56794
56795
56796
56797
56798
56799
56800
56801
56802
56803
56804
56805
56806
56807
56808
56809
56810
56811
56812
56813
56814
56815
56816
56817
56818
56819
56820
56821
56822
56823
56824
56825
56826
56827
56828
56829
56830
56831
56832
56833
56834
56835
56836
56837
56838
56839
56840
56841
56842
56843
56844
56845
56846
56847
56848
56849
56850
56851
56852
56853
56854
56855
56856
56857
56858
56859
56860
56861
56862
56863
56864
56865
56866
56867
56868
56869
56870
56871
56872
56873
56874
56875
56876
56877
56878
56879
56880
56881
56882
56883
56884
56885
56886
56887
56888
56889
56890
56891
56892
56893
56894
56895
56896
56897
56898
56899
56900
56901
56902
56903
56904
56905
56906
56907
56908
56909
56910
56911
56912
56913
56914
56915
56916
56917
56918
56919
56920
56921
56922
56923
56924
56925
56926
56927
56928
56929
56930
56931
56932
56933
56934
56935
56936
56937
56938
56939
56940
56941
56942
56943
56944
56945
56946
56947
56948
56949
56950
56951
56952
56953
56954
56955
56956
56957
56958
56959
56960
56961
56962
56963
56964
56965
56966
56967
56968
56969
56970
56971
56972
56973
56974
56975
56976
56977
56978
56979
56980
56981
56982
56983
56984
56985
56986
56987
56988
56989
56990
56991
56992
56993
56994
56995
56996
56997
56998
56999
57000
57001
57002
57003
57004
57005
57006
57007
57008
57009
57010
57011
57012
57013
57014
57015
57016
57017
57018
57019
57020
57021
57022
57023
57024
57025
57026
57027
57028
57029
57030
57031
57032
57033
57034
57035
57036
57037
57038
57039
57040
57041
57042
57043
57044
57045
57046
57047
57048
57049
57050
57051
57052
57053
57054
57055
57056
57057
57058
57059
57060
57061
57062
57063
57064
57065
57066
57067
57068
57069
57070
57071
57072
57073
57074
57075
57076
57077
57078
57079
57080
57081
57082
57083
57084
57085
57086
57087
57088
57089
57090
57091
57092
57093
57094
57095
57096
57097
57098
57099
57100
57101
57102
57103
57104
57105
57106
57107
57108
57109
57110
57111
57112
57113
57114
57115
57116
57117
57118
57119
57120
57121
57122
57123
57124
57125
57126
57127
57128
57129
57130
57131
57132
57133
57134
57135
57136
57137
57138
57139
57140
57141
57142
57143
57144
57145
57146
57147
57148
57149
57150
57151
57152
57153
57154
57155
57156
57157
57158
57159
57160
57161
57162
57163
57164
57165
57166
57167
57168
57169
57170
57171
57172
57173
57174
57175
57176
57177
57178
57179
57180
57181
57182
57183
57184
57185
57186
57187
57188
57189
57190
57191
57192
57193
57194
57195
57196
57197
57198
57199
57200
57201
57202
57203
57204
57205
57206
57207
57208
57209
57210
57211
57212
57213
57214
57215
57216
57217
57218
57219
57220
57221
57222
57223
57224
57225
57226
57227
57228
57229
57230
57231
57232
57233
57234
57235
57236
57237
57238
57239
57240
57241
57242
57243
57244
57245
57246
57247
57248
57249
57250
57251
57252
57253
57254
57255
57256
57257
57258
57259
57260
57261
57262
57263
57264
57265
57266
57267
57268
57269
57270
57271
57272
57273
57274
57275
57276
57277
57278
57279
57280
57281
57282
57283
57284
57285
57286
57287
57288
57289
57290
57291
57292
57293
57294
57295
57296
57297
57298
57299
57300
57301
57302
57303
57304
57305
57306
57307
57308
57309
57310
57311
57312
57313
57314
57315
57316
57317
57318
57319
57320
57321
57322
57323
57324
57325
57326
57327
57328
57329
57330
57331
57332
57333
57334
57335
57336
57337
57338
57339
57340
57341
57342
57343
57344
57345
57346
57347
57348
57349
57350
57351
57352
57353
57354
57355
57356
57357
57358
57359
57360
57361
57362
57363
57364
57365
57366
57367
57368
57369
57370
57371
57372
57373
57374
57375
57376
57377
57378
57379
57380
57381
57382
57383
57384
57385
57386
57387
57388
57389
57390
57391
57392
57393
57394
57395
57396
57397
57398
57399
57400
57401
57402
57403
57404
57405
57406
57407
57408
57409
57410
57411
57412
57413
57414
57415
57416
57417
57418
57419
57420
57421
57422
57423
57424
57425
57426
57427
57428
57429
57430
57431
57432
57433
57434
57435
57436
57437
57438
57439
57440
57441
57442
57443
57444
57445
57446
57447
57448
57449
57450
57451
57452
57453
57454
57455
57456
57457
57458
57459
57460
57461
57462
57463
57464
57465
57466
57467
57468
57469
57470
57471
57472
57473
57474
57475
57476
57477
57478
57479
57480
57481
57482
57483
57484
57485
57486
57487
57488
57489
57490
57491
57492
57493
57494
57495
57496
57497
57498
57499
57500
57501
57502
57503
57504
57505
57506
57507
57508
57509
57510
57511
57512
57513
57514
57515
57516
57517
57518
57519
57520
57521
57522
57523
57524
57525
57526
57527
57528
57529
57530
57531
57532
57533
57534
57535
57536
57537
57538
57539
57540
57541
57542
57543
57544
57545
57546
57547
57548
57549
57550
57551
57552
57553
57554
57555
57556
57557
57558
57559
57560
57561
57562
57563
57564
57565
57566
57567
57568
57569
57570
57571
57572
57573
57574
57575
57576
57577
57578
57579
57580
57581
57582
57583
57584
57585
57586
57587
57588
57589
57590
57591
57592
57593
57594
57595
57596
57597
57598
57599
57600
57601
57602
57603
57604
57605
57606
57607
57608
57609
57610
57611
57612
57613
57614
57615
57616
57617
57618
57619
57620
57621
57622
57623
57624
57625
57626
57627
57628
57629
57630
57631
57632
57633
57634
57635
57636
57637
57638
57639
57640
57641
57642
57643
57644
57645
57646
57647
57648
57649
57650
57651
57652
57653
57654
57655
57656
57657
57658
57659
57660
57661
57662
57663
57664
57665
57666
57667
57668
57669
57670
57671
57672
57673
57674
57675
57676
57677
57678
57679
57680
57681
57682
57683
57684
57685
57686
57687
57688
57689
57690
57691
57692
57693
57694
57695
57696
57697
57698
57699
57700
57701
57702
57703
57704
57705
57706
57707
57708
57709
57710
57711
57712
57713
57714
57715
57716
57717
57718
57719
57720
57721
57722
57723
57724
57725
57726
57727
57728
57729
57730
57731
57732
57733
57734
57735
57736
57737
57738
57739
57740
57741
57742
57743
57744
57745
57746
57747
57748
57749
57750
57751
57752
57753
57754
57755
57756
57757
57758
57759
57760
57761
57762
57763
57764
57765
57766
57767
57768
57769
57770
57771
57772
57773
57774
57775
57776
57777
57778
57779
57780
57781
57782
57783
57784
57785
57786
57787
57788
57789
57790
57791
57792
57793
57794
57795
57796
57797
57798
57799
57800
57801
57802
57803
57804
57805
57806
57807
57808
57809
57810
57811
57812
57813
57814
57815
57816
57817
57818
57819
57820
57821
57822
57823
57824
57825
57826
57827
57828
57829
57830
57831
57832
57833
57834
57835
57836
57837
57838
57839
57840
57841
57842
57843
57844
57845
57846
57847
57848
57849
57850
57851
57852
57853
57854
57855
57856
57857
57858
57859
57860
57861
57862
57863
57864
57865
57866
57867
57868
57869
57870
57871
57872
57873
57874
57875
57876
57877
57878
57879
57880
57881
57882
57883
57884
57885
57886
57887
57888
57889
57890
57891
57892
57893
57894
57895
57896
57897
57898
57899
57900
57901
57902
57903
57904
57905
57906
57907
57908
57909
57910
57911
57912
57913
57914
57915
57916
57917
57918
57919
57920
57921
57922
57923
57924
57925
57926
57927
57928
57929
57930
57931
57932
57933
57934
57935
57936
57937
57938
57939
57940
57941
57942
57943
57944
57945
57946
57947
57948
57949
57950
57951
57952
57953
57954
57955
57956
57957
57958
57959
57960
57961
57962
57963
57964
57965
57966
57967
57968
57969
57970
57971
57972
57973
57974
57975
57976
57977
57978
57979
57980
57981
57982
57983
57984
57985
57986
57987
57988
57989
57990
57991
57992
57993
57994
57995
57996
57997
57998
57999
58000
58001
58002
58003
58004
58005
58006
58007
58008
58009
58010
58011
58012
58013
58014
58015
58016
58017
58018
58019
58020
58021
58022
58023
58024
58025
58026
58027
58028
58029
58030
58031
58032
58033
58034
58035
58036
58037
58038
58039
58040
58041
58042
58043
58044
58045
58046
58047
58048
58049
58050
58051
58052
58053
58054
58055
58056
58057
58058
58059
58060
58061
58062
58063
58064
58065
58066
58067
58068
58069
58070
58071
58072
58073
58074
58075
58076
58077
58078
58079
58080
58081
58082
58083
58084
58085
58086
58087
58088
58089
58090
58091
58092
58093
58094
58095
58096
58097
58098
58099
58100
58101
58102
58103
58104
58105
58106
58107
58108
58109
58110
58111
58112
58113
58114
58115
58116
58117
58118
58119
58120
58121
58122
58123
58124
58125
58126
58127
58128
58129
58130
58131
58132
58133
58134
58135
58136
58137
58138
58139
58140
58141
58142
58143
58144
58145
58146
58147
58148
58149
58150
58151
58152
58153
58154
58155
58156
58157
58158
58159
58160
58161
58162
58163
58164
58165
58166
58167
58168
58169
58170
58171
58172
58173
58174
58175
58176
58177
58178
58179
58180
58181
58182
58183
58184
58185
58186
58187
58188
58189
58190
58191
58192
58193
58194
58195
58196
58197
58198
58199
58200
58201
58202
58203
58204
58205
58206
58207
58208
58209
58210
58211
58212
58213
58214
58215
58216
58217
58218
58219
58220
58221
58222
58223
58224
58225
58226
58227
58228
58229
58230
58231
58232
58233
58234
58235
58236
58237
58238
58239
58240
58241
58242
58243
58244
58245
58246
58247
58248
58249
58250
58251
58252
58253
58254
58255
58256
58257
58258
58259
58260
58261
58262
58263
58264
58265
58266
58267
58268
58269
58270
58271
58272
58273
58274
58275
58276
58277
58278
58279
58280
58281
58282
58283
58284
58285
58286
58287
58288
58289
58290
58291
58292
58293
58294
58295
58296
58297
58298
58299
58300
58301
58302
58303
58304
58305
58306
58307
58308
58309
58310
58311
58312
58313
58314
58315
58316
58317
58318
58319
58320
58321
58322
58323
58324
58325
58326
58327
58328
58329
58330
58331
58332
58333
58334
58335
58336
58337
58338
58339
58340
58341
58342
58343
58344
58345
58346
58347
58348
58349
58350
58351
58352
58353
58354
58355
58356
58357
58358
58359
58360
58361
58362
58363
58364
58365
58366
58367
58368
58369
58370
58371
58372
58373
58374
58375
58376
58377
58378
58379
58380
58381
58382
58383
58384
58385
58386
58387
58388
58389
58390
58391
58392
58393
58394
58395
58396
58397
58398
58399
58400
58401
58402
58403
58404
58405
58406
58407
58408
58409
58410
58411
58412
58413
58414
58415
58416
58417
58418
58419
58420
58421
58422
58423
58424
58425
58426
58427
58428
58429
58430
58431
58432
58433
58434
58435
58436
58437
58438
58439
58440
58441
58442
58443
58444
58445
58446
58447
58448
58449
58450
58451
58452
58453
58454
58455
58456
58457
58458
58459
58460
58461
58462
58463
58464
58465
58466
58467
58468
58469
58470
58471
58472
58473
58474
58475
58476
58477
58478
58479
58480
58481
58482
58483
58484
58485
58486
58487
58488
58489
58490
58491
58492
58493
58494
58495
58496
58497
58498
58499
58500
58501
58502
58503
58504
58505
58506
58507
58508
58509
58510
58511
58512
58513
58514
58515
58516
58517
58518
58519
58520
58521
58522
58523
58524
58525
58526
58527
58528
58529
58530
58531
58532
58533
58534
58535
58536
58537
58538
58539
58540
58541
58542
58543
58544
58545
58546
58547
58548
58549
58550
58551
58552
58553
58554
58555
58556
58557
58558
58559
58560
58561
58562
58563
58564
58565
58566
58567
58568
58569
58570
58571
58572
58573
58574
58575
58576
58577
58578
58579
58580
58581
58582
58583
58584
58585
58586
58587
58588
58589
58590
58591
58592
58593
58594
58595
58596
58597
58598
58599
58600
58601
58602
58603
58604
58605
58606
58607
58608
58609
58610
58611
58612
58613
58614
58615
58616
58617
58618
58619
58620
58621
58622
58623
58624
58625
58626
58627
58628
58629
58630
58631
58632
58633
58634
58635
58636
58637
58638
58639
58640
58641
58642
58643
58644
58645
58646
58647
58648
58649
58650
58651
58652
58653
58654
58655
58656
58657
58658
58659
58660
58661
58662
58663
58664
58665
58666
58667
58668
58669
58670
58671
58672
58673
58674
58675
58676
58677
58678
58679
58680
58681
58682
58683
58684
58685
58686
58687
58688
58689
58690
58691
58692
58693
58694
58695
58696
58697
58698
58699
58700
58701
58702
58703
58704
58705
58706
58707
58708
58709
58710
58711
58712
58713
58714
58715
58716
58717
58718
58719
58720
58721
58722
58723
58724
58725
58726
58727
58728
58729
58730
58731
58732
58733
58734
58735
58736
58737
58738
58739
58740
58741
58742
58743
58744
58745
58746
58747
58748
58749
58750
58751
58752
58753
58754
58755
58756
58757
58758
58759
58760
58761
58762
58763
58764
58765
58766
58767
58768
58769
58770
58771
58772
58773
58774
58775
58776
58777
58778
58779
58780
58781
58782
58783
58784
58785
58786
58787
58788
58789
58790
58791
58792
58793
58794
58795
58796
58797
58798
58799
58800
58801
58802
58803
58804
58805
58806
58807
58808
58809
58810
58811
58812
58813
58814
58815
58816
58817
58818
58819
58820
58821
58822
58823
58824
58825
58826
58827
58828
58829
58830
58831
58832
58833
58834
58835
58836
58837
58838
58839
58840
58841
58842
58843
58844
58845
58846
58847
58848
58849
58850
58851
58852
58853
58854
58855
58856
58857
58858
58859
58860
58861
58862
58863
58864
58865
58866
58867
58868
58869
58870
58871
58872
58873
58874
58875
58876
58877
58878
58879
58880
58881
58882
58883
58884
58885
58886
58887
58888
58889
58890
58891
58892
58893
58894
58895
58896
58897
58898
58899
58900
58901
58902
58903
58904
58905
58906
58907
58908
58909
58910
58911
58912
58913
58914
58915
58916
58917
58918
58919
58920
58921
58922
58923
58924
58925
58926
58927
58928
58929
58930
58931
58932
58933
58934
58935
58936
58937
58938
58939
58940
58941
58942
58943
58944
58945
58946
58947
58948
58949
58950
58951
58952
58953
58954
58955
58956
58957
58958
58959
58960
58961
58962
58963
58964
58965
58966
58967
58968
58969
58970
58971
58972
58973
58974
58975
58976
58977
58978
58979
58980
58981
58982
58983
58984
58985
58986
58987
58988
58989
58990
58991
58992
58993
58994
58995
58996
58997
58998
58999
59000
59001
59002
59003
59004
59005
59006
59007
59008
59009
59010
59011
59012
59013
59014
59015
59016
59017
59018
59019
59020
59021
59022
59023
59024
59025
59026
59027
59028
59029
59030
59031
59032
59033
59034
59035
59036
59037
59038
59039
59040
59041
59042
59043
59044
59045
59046
59047
59048
59049
59050
59051
59052
59053
59054
59055
59056
59057
59058
59059
59060
59061
59062
59063
59064
59065
59066
59067
59068
59069
59070
59071
59072
59073
59074
59075
59076
59077
59078
59079
59080
59081
59082
59083
59084
59085
59086
59087
59088
59089
59090
59091
59092
59093
59094
59095
59096
59097
59098
59099
59100
59101
59102
59103
59104
59105
59106
59107
59108
59109
59110
59111
59112
59113
59114
59115
59116
59117
59118
59119
59120
59121
59122
59123
59124
59125
59126
59127
59128
59129
59130
59131
59132
59133
59134
59135
59136
59137
59138
59139
59140
59141
59142
59143
59144
59145
59146
59147
59148
59149
59150
59151
59152
59153
59154
59155
59156
59157
59158
59159
59160
59161
59162
59163
59164
59165
59166
59167
59168
59169
59170
59171
59172
59173
59174
59175
59176
59177
59178
59179
59180
59181
59182
59183
59184
59185
59186
59187
59188
59189
59190
59191
59192
59193
59194
59195
59196
59197
59198
59199
59200
59201
59202
59203
59204
59205
59206
59207
59208
59209
59210
59211
59212
59213
59214
59215
59216
59217
59218
59219
59220
59221
59222
59223
59224
59225
59226
59227
59228
59229
59230
59231
59232
59233
59234
59235
59236
59237
59238
59239
59240
59241
59242
59243
59244
59245
59246
59247
59248
59249
59250
59251
59252
59253
59254
59255
59256
59257
59258
59259
59260
59261
59262
59263
59264
59265
59266
59267
59268
59269
59270
59271
59272
59273
59274
59275
59276
59277
59278
59279
59280
59281
59282
59283
59284
59285
59286
59287
59288
59289
59290
59291
59292
59293
59294
59295
59296
59297
59298
59299
59300
59301
59302
59303
59304
59305
59306
59307
59308
59309
59310
59311
59312
59313
59314
59315
59316
59317
59318
59319
59320
59321
59322
59323
59324
59325
59326
59327
59328
59329
59330
59331
59332
59333
59334
59335
59336
59337
59338
59339
59340
59341
59342
59343
59344
59345
59346
59347
59348
59349
59350
59351
59352
59353
59354
59355
59356
59357
59358
59359
59360
59361
59362
59363
59364
59365
59366
59367
59368
59369
59370
59371
59372
59373
59374
59375
59376
59377
59378
59379
59380
59381
59382
59383
59384
59385
59386
59387
59388
59389
59390
59391
59392
59393
59394
59395
59396
59397
59398
59399
59400
59401
59402
59403
59404
59405
59406
59407
59408
59409
59410
59411
59412
59413
59414
59415
59416
59417
59418
59419
59420
59421
59422
59423
59424
59425
59426
59427
59428
59429
59430
59431
59432
59433
59434
59435
59436
59437
59438
59439
59440
59441
59442
59443
59444
59445
59446
59447
59448
59449
59450
59451
59452
59453
59454
59455
59456
59457
59458
59459
59460
59461
59462
59463
59464
59465
59466
59467
59468
59469
59470
59471
59472
59473
59474
59475
59476
59477
59478
59479
59480
59481
59482
59483
59484
59485
59486
59487
59488
59489
59490
59491
59492
59493
59494
59495
59496
59497
59498
59499
59500
59501
59502
59503
59504
59505
59506
59507
59508
59509
59510
59511
59512
59513
59514
59515
59516
59517
59518
59519
59520
59521
59522
59523
59524
59525
59526
59527
59528
59529
59530
59531
59532
59533
59534
59535
59536
59537
59538
59539
59540
59541
59542
59543
59544
59545
59546
59547
59548
59549
59550
59551
59552
59553
59554
59555
59556
59557
59558
59559
59560
59561
59562
59563
59564
59565
59566
59567
59568
59569
59570
59571
59572
59573
59574
59575
59576
59577
59578
59579
59580
59581
59582
59583
59584
59585
59586
59587
59588
59589
59590
59591
59592
59593
59594
59595
59596
59597
59598
59599
59600
59601
59602
59603
59604
59605
59606
59607
59608
59609
59610
59611
59612
59613
59614
59615
59616
59617
59618
59619
59620
59621
59622
59623
59624
59625
59626
59627
59628
59629
59630
59631
59632
59633
59634
59635
59636
59637
59638
59639
59640
59641
59642
59643
59644
59645
59646
59647
59648
59649
59650
59651
59652
59653
59654
59655
59656
59657
59658
59659
59660
59661
59662
59663
59664
59665
59666
59667
59668
59669
59670
59671
59672
59673
59674
59675
59676
59677
59678
59679
59680
59681
59682
59683
59684
59685
59686
59687
59688
59689
59690
59691
59692
59693
59694
59695
59696
59697
59698
59699
59700
59701
59702
59703
59704
59705
59706
59707
59708
59709
59710
59711
59712
59713
59714
59715
59716
59717
59718
59719
59720
59721
59722
59723
59724
59725
59726
59727
59728
59729
59730
59731
59732
59733
59734
59735
59736
59737
59738
59739
59740
59741
59742
59743
59744
59745
59746
59747
59748
59749
59750
59751
59752
59753
59754
59755
59756
59757
59758
59759
59760
59761
59762
59763
59764
59765
59766
59767
59768
59769
59770
59771
59772
59773
59774
59775
59776
59777
59778
59779
59780
59781
59782
59783
59784
59785
59786
59787
59788
59789
59790
59791
59792
59793
59794
59795
59796
59797
59798
59799
59800
59801
59802
59803
59804
59805
59806
59807
59808
59809
59810
59811
59812
59813
59814
59815
59816
59817
59818
59819
59820
59821
59822
59823
59824
59825
59826
59827
59828
59829
59830
59831
59832
59833
59834
59835
59836
59837
59838
59839
59840
59841
59842
59843
59844
59845
59846
59847
59848
59849
59850
59851
59852
59853
59854
59855
59856
59857
59858
59859
59860
59861
59862
59863
59864
59865
59866
59867
59868
59869
59870
59871
59872
59873
59874
59875
59876
59877
59878
59879
59880
59881
59882
59883
59884
59885
59886
59887
59888
59889
59890
59891
59892
59893
59894
59895
59896
59897
59898
59899
59900
59901
59902
59903
59904
59905
59906
59907
59908
59909
59910
59911
59912
59913
59914
59915
59916
59917
59918
59919
59920
59921
59922
59923
59924
59925
59926
59927
59928
59929
59930
59931
59932
59933
59934
59935
59936
59937
59938
59939
59940
59941
59942
59943
59944
59945
59946
59947
59948
59949
59950
59951
59952
59953
59954
59955
59956
59957
59958
59959
59960
59961
59962
59963
59964
59965
59966
59967
59968
59969
59970
59971
59972
59973
59974
59975
59976
59977
59978
59979
59980
59981
59982
59983
59984
59985
59986
59987
59988
59989
59990
59991
59992
59993
59994
59995
59996
59997
59998
59999
60000
60001
60002
60003
60004
60005
60006
60007
60008
60009
60010
60011
60012
60013
60014
60015
60016
60017
60018
60019
60020
60021
60022
60023
60024
60025
60026
60027
60028
60029
60030
60031
60032
60033
60034
60035
60036
60037
60038
60039
60040
60041
60042
60043
60044
60045
60046
60047
60048
60049
60050
60051
60052
60053
60054
60055
60056
60057
60058
60059
60060
60061
60062
60063
60064
60065
60066
60067
60068
60069
60070
60071
60072
60073
60074
60075
60076
60077
60078
60079
60080
60081
60082
60083
60084
60085
60086
60087
60088
60089
60090
60091
60092
60093
60094
60095
60096
60097
60098
60099
60100
60101
60102
60103
60104
60105
60106
60107
60108
60109
60110
60111
60112
60113
60114
60115
60116
60117
60118
60119
60120
60121
60122
60123
60124
60125
60126
60127
60128
60129
60130
60131
60132
60133
60134
60135
60136
60137
60138
60139
60140
60141
60142
60143
60144
60145
60146
60147
60148
60149
60150
60151
60152
60153
60154
60155
60156
60157
60158
60159
60160
60161
60162
60163
60164
60165
60166
60167
60168
60169
60170
60171
60172
60173
60174
60175
60176
60177
60178
60179
60180
60181
60182
60183
60184
60185
60186
60187
60188
60189
60190
60191
60192
60193
60194
60195
60196
60197
60198
60199
60200
60201
60202
60203
60204
60205
60206
60207
60208
60209
60210
60211
60212
60213
60214
60215
60216
60217
60218
60219
60220
60221
60222
60223
60224
60225
60226
60227
60228
60229
60230
60231
60232
60233
60234
60235
60236
60237
60238
60239
60240
60241
60242
60243
60244
60245
60246
60247
60248
60249
60250
60251
60252
60253
60254
60255
60256
60257
60258
60259
60260
60261
60262
60263
60264
60265
60266
60267
60268
60269
60270
60271
60272
60273
60274
60275
60276
60277
60278
60279
60280
60281
60282
60283
60284
60285
60286
60287
60288
60289
60290
60291
60292
60293
60294
60295
60296
60297
60298
60299
60300
60301
60302
60303
60304
60305
60306
60307
60308
60309
60310
60311
60312
60313
60314
60315
60316
60317
60318
60319
60320
60321
60322
60323
60324
60325
60326
60327
60328
60329
60330
60331
60332
60333
60334
60335
60336
60337
60338
60339
60340
60341
60342
60343
60344
60345
60346
60347
60348
60349
60350
60351
60352
60353
60354
60355
60356
60357
60358
60359
60360
60361
60362
60363
60364
60365
60366
60367
60368
60369
60370
60371
60372
60373
60374
60375
60376
60377
60378
60379
60380
60381
60382
60383
60384
60385
60386
60387
60388
60389
60390
60391
60392
60393
60394
60395
60396
60397
60398
60399
60400
60401
60402
60403
60404
60405
60406
60407
60408
60409
60410
60411
60412
60413
60414
60415
60416
60417
60418
60419
60420
60421
60422
60423
60424
60425
60426
60427
60428
60429
60430
60431
60432
60433
60434
60435
60436
60437
60438
60439
60440
60441
60442
60443
60444
60445
60446
60447
60448
60449
60450
60451
60452
60453
60454
60455
60456
60457
60458
60459
60460
60461
60462
60463
60464
60465
60466
60467
60468
60469
60470
60471
60472
60473
60474
60475
60476
60477
60478
60479
60480
60481
60482
60483
60484
60485
60486
60487
60488
60489
60490
60491
60492
60493
60494
60495
60496
60497
60498
60499
60500
60501
60502
60503
60504
60505
60506
60507
60508
60509
60510
60511
60512
60513
60514
60515
60516
60517
60518
60519
60520
60521
60522
60523
60524
60525
60526
60527
60528
60529
60530
60531
60532
60533
60534
60535
60536
60537
60538
60539
60540
60541
60542
60543
60544
60545
60546
60547
60548
60549
60550
60551
60552
60553
60554
60555
60556
60557
60558
60559
60560
60561
60562
60563
60564
60565
60566
60567
60568
60569
60570
60571
60572
60573
60574
60575
60576
60577
60578
60579
60580
60581
60582
60583
60584
60585
60586
60587
60588
60589
60590
60591
60592
60593
60594
60595
60596
60597
60598
60599
60600
60601
60602
60603
60604
60605
60606
60607
60608
60609
60610
60611
60612
60613
60614
60615
60616
60617
60618
60619
60620
60621
60622
60623
60624
60625
60626
60627
60628
60629
60630
60631
60632
60633
60634
60635
60636
60637
60638
60639
60640
60641
60642
60643
60644
60645
60646
60647
60648
60649
60650
60651
60652
60653
60654
60655
60656
60657
60658
60659
60660
60661
60662
60663
60664
60665
60666
60667
60668
60669
60670
60671
60672
60673
60674
60675
60676
60677
60678
60679
60680
60681
60682
60683
60684
60685
60686
60687
60688
60689
60690
60691
60692
60693
60694
60695
60696
60697
60698
60699
60700
60701
60702
60703
60704
60705
60706
60707
60708
60709
60710
60711
60712
60713
60714
60715
60716
60717
60718
60719
60720
60721
60722
60723
60724
60725
60726
60727
60728
60729
60730
60731
60732
60733
60734
60735
60736
60737
60738
60739
60740
60741
60742
60743
60744
60745
60746
60747
60748
60749
60750
60751
60752
60753
60754
60755
60756
60757
60758
60759
60760
60761
60762
60763
60764
60765
60766
60767
60768
60769
60770
60771
60772
60773
60774
60775
60776
60777
60778
60779
60780
60781
60782
60783
60784
60785
60786
60787
60788
60789
60790
60791
60792
60793
60794
60795
60796
60797
60798
60799
60800
60801
60802
60803
60804
60805
60806
60807
60808
60809
60810
60811
60812
60813
60814
60815
60816
60817
60818
60819
60820
60821
60822
60823
60824
60825
60826
60827
60828
60829
60830
60831
60832
60833
60834
60835
60836
60837
60838
60839
60840
60841
60842
60843
60844
60845
60846
60847
60848
60849
60850
60851
60852
60853
60854
60855
60856
60857
60858
60859
60860
60861
60862
60863
60864
60865
60866
60867
60868
60869
60870
60871
60872
60873
60874
60875
60876
60877
60878
60879
60880
60881
60882
60883
60884
60885
60886
60887
60888
60889
60890
60891
60892
60893
60894
60895
60896
60897
60898
60899
60900
60901
60902
60903
60904
60905
60906
60907
60908
60909
60910
60911
60912
60913
60914
60915
60916
60917
60918
60919
60920
60921
60922
60923
60924
60925
60926
60927
60928
60929
60930
60931
60932
60933
60934
60935
60936
60937
60938
60939
60940
60941
60942
60943
60944
60945
60946
60947
60948
60949
60950
60951
60952
60953
60954
60955
60956
60957
60958
60959
60960
60961
60962
60963
60964
60965
60966
60967
60968
60969
60970
60971
60972
60973
60974
60975
60976
60977
60978
60979
60980
60981
60982
60983
60984
60985
60986
60987
60988
60989
60990
60991
60992
60993
60994
60995
60996
60997
60998
60999
61000
61001
61002
61003
61004
61005
61006
61007
61008
61009
61010
61011
61012
61013
61014
61015
61016
61017
61018
61019
61020
61021
61022
61023
61024
61025
61026
61027
61028
61029
61030
61031
61032
61033
61034
61035
61036
61037
61038
61039
61040
61041
61042
61043
61044
61045
61046
61047
61048
61049
61050
61051
61052
61053
61054
61055
61056
61057
61058
61059
61060
61061
61062
61063
61064
61065
61066
61067
61068
61069
61070
61071
61072
61073
61074
61075
61076
61077
61078
61079
61080
61081
61082
61083
61084
61085
61086
61087
61088
61089
61090
61091
61092
61093
61094
61095
61096
61097
61098
61099
61100
61101
61102
61103
61104
61105
61106
61107
61108
61109
61110
61111
61112
61113
61114
61115
61116
61117
61118
61119
61120
61121
61122
61123
61124
61125
61126
61127
61128
61129
61130
61131
61132
61133
61134
61135
61136
61137
61138
61139
61140
61141
61142
61143
61144
61145
61146
61147
61148
61149
61150
61151
61152
61153
61154
61155
61156
61157
61158
61159
61160
61161
61162
61163
61164
61165
61166
61167
61168
61169
61170
61171
61172
61173
61174
61175
61176
61177
61178
61179
61180
61181
61182
61183
61184
61185
61186
61187
61188
61189
61190
61191
61192
61193
61194
61195
61196
61197
61198
61199
61200
61201
61202
61203
61204
61205
61206
61207
61208
61209
61210
61211
61212
61213
61214
61215
61216
61217
61218
61219
61220
61221
61222
61223
61224
61225
61226
61227
61228
61229
61230
61231
61232
61233
61234
61235
61236
61237
61238
61239
61240
61241
61242
61243
61244
61245
61246
61247
61248
61249
61250
61251
61252
61253
61254
61255
61256
61257
61258
61259
61260
61261
61262
61263
61264
61265
61266
61267
61268
61269
61270
61271
61272
61273
61274
61275
61276
61277
61278
61279
61280
61281
61282
61283
61284
61285
61286
61287
61288
61289
61290
61291
61292
61293
61294
61295
61296
61297
61298
61299
61300
61301
61302
61303
61304
61305
61306
61307
61308
61309
61310
61311
61312
61313
61314
61315
61316
61317
61318
61319
61320
61321
61322
61323
61324
61325
61326
61327
61328
61329
61330
61331
61332
61333
61334
61335
61336
61337
61338
61339
61340
61341
61342
61343
61344
61345
61346
61347
61348
61349
61350
61351
61352
61353
61354
61355
61356
61357
61358
61359
61360
61361
61362
61363
61364
61365
61366
61367
61368
61369
61370
61371
61372
61373
61374
61375
61376
61377
61378
61379
61380
61381
61382
61383
61384
61385
61386
61387
61388
61389
61390
61391
61392
61393
61394
61395
61396
61397
61398
61399
61400
61401
61402
61403
61404
61405
61406
61407
61408
61409
61410
61411
61412
61413
61414
61415
61416
61417
61418
61419
61420
61421
61422
61423
61424
61425
61426
61427
61428
61429
61430
61431
61432
61433
61434
61435
61436
61437
61438
61439
61440
61441
61442
61443
61444
61445
61446
61447
61448
61449
61450
61451
61452
61453
61454
61455
61456
61457
61458
61459
61460
61461
61462
61463
61464
61465
61466
61467
61468
61469
61470
61471
61472
61473
61474
61475
61476
61477
61478
61479
61480
61481
61482
61483
61484
61485
61486
61487
61488
61489
61490
61491
61492
61493
61494
61495
61496
61497
61498
61499
61500
61501
61502
61503
61504
61505
61506
61507
61508
61509
61510
61511
61512
61513
61514
61515
61516
61517
61518
61519
61520
61521
61522
61523
61524
61525
61526
61527
61528
61529
61530
61531
61532
61533
61534
61535
61536
61537
61538
61539
61540
61541
61542
61543
61544
61545
61546
61547
61548
61549
61550
61551
61552
61553
61554
61555
61556
61557
61558
61559
61560
61561
61562
61563
61564
61565
61566
61567
61568
61569
61570
61571
61572
61573
61574
61575
61576
61577
61578
61579
61580
61581
61582
61583
61584
61585
61586
61587
61588
61589
61590
61591
61592
61593
61594
61595
61596
61597
61598
61599
61600
61601
61602
61603
61604
61605
61606
61607
61608
61609
61610
61611
61612
61613
61614
61615
61616
61617
61618
61619
61620
61621
61622
61623
61624
61625
61626
61627
61628
61629
61630
61631
61632
61633
61634
61635
61636
61637
61638
61639
61640
61641
61642
61643
61644
61645
61646
61647
61648
61649
61650
61651
61652
61653
61654
61655
61656
61657
61658
61659
61660
61661
61662
61663
61664
61665
61666
61667
61668
61669
61670
61671
61672
61673
61674
61675
61676
61677
61678
61679
61680
61681
61682
61683
61684
61685
61686
61687
61688
61689
61690
61691
61692
61693
61694
61695
61696
61697
61698
61699
61700
61701
61702
61703
61704
61705
61706
61707
61708
61709
61710
61711
61712
61713
61714
61715
61716
61717
61718
61719
61720
61721
61722
61723
61724
61725
61726
61727
61728
61729
61730
61731
61732
61733
61734
61735
61736
61737
61738
61739
61740
61741
61742
61743
61744
61745
61746
61747
61748
61749
61750
61751
61752
61753
61754
61755
61756
61757
61758
61759
61760
61761
61762
61763
61764
61765
61766
61767
61768
61769
61770
61771
61772
61773
61774
61775
61776
61777
61778
61779
61780
61781
61782
61783
61784
61785
61786
61787
61788
61789
61790
61791
61792
61793
61794
61795
61796
61797
61798
61799
61800
61801
61802
61803
61804
61805
61806
61807
61808
61809
61810
61811
61812
61813
61814
61815
61816
61817
61818
61819
61820
61821
61822
61823
61824
61825
61826
61827
61828
61829
61830
61831
61832
61833
61834
61835
61836
61837
61838
61839
61840
61841
61842
61843
61844
61845
61846
61847
61848
61849
61850
61851
61852
61853
61854
61855
61856
61857
61858
61859
61860
61861
61862
61863
61864
61865
61866
61867
61868
61869
61870
61871
61872
61873
61874
61875
61876
61877
61878
61879
61880
61881
61882
61883
61884
61885
61886
61887
61888
61889
61890
61891
61892
61893
61894
61895
61896
61897
61898
61899
61900
61901
61902
61903
61904
61905
61906
61907
61908
61909
61910
61911
61912
61913
61914
61915
61916
61917
61918
61919
61920
61921
61922
61923
61924
61925
61926
61927
61928
61929
61930
61931
61932
61933
61934
61935
61936
61937
61938
61939
61940
61941
61942
61943
61944
61945
61946
61947
61948
61949
61950
61951
61952
61953
61954
61955
61956
61957
61958
61959
61960
61961
61962
61963
61964
61965
61966
61967
61968
61969
61970
61971
61972
61973
61974
61975
61976
61977
61978
61979
61980
61981
61982
61983
61984
61985
61986
61987
61988
61989
61990
61991
61992
61993
61994
61995
61996
61997
61998
61999
62000
62001
62002
62003
62004
62005
62006
62007
62008
62009
62010
62011
62012
62013
62014
62015
62016
62017
62018
62019
62020
62021
62022
62023
62024
62025
62026
62027
62028
62029
62030
62031
62032
62033
62034
62035
62036
62037
62038
62039
62040
62041
62042
62043
62044
62045
62046
62047
62048
62049
62050
62051
62052
62053
62054
62055
62056
62057
62058
62059
62060
62061
62062
62063
62064
62065
62066
62067
62068
62069
62070
62071
62072
62073
62074
62075
62076
62077
62078
62079
62080
62081
62082
62083
62084
62085
62086
62087
62088
62089
62090
62091
62092
62093
62094
62095
62096
62097
62098
62099
62100
62101
62102
62103
62104
62105
62106
62107
62108
62109
62110
62111
62112
62113
62114
62115
62116
62117
62118
62119
62120
62121
62122
62123
62124
62125
62126
62127
62128
62129
62130
62131
62132
62133
62134
62135
62136
62137
62138
62139
62140
62141
62142
62143
62144
62145
62146
62147
62148
62149
62150
62151
62152
62153
62154
62155
62156
62157
62158
62159
62160
62161
62162
62163
62164
62165
62166
62167
62168
62169
62170
62171
62172
62173
62174
62175
62176
62177
62178
62179
62180
62181
62182
62183
62184
62185
62186
62187
62188
62189
62190
62191
62192
62193
62194
62195
62196
62197
62198
62199
62200
62201
62202
62203
62204
62205
62206
62207
62208
62209
62210
62211
62212
62213
62214
62215
62216
62217
62218
62219
62220
62221
62222
62223
62224
62225
62226
62227
62228
62229
62230
62231
62232
62233
62234
62235
62236
62237
62238
62239
62240
62241
62242
62243
62244
62245
62246
62247
62248
62249
62250
62251
62252
62253
62254
62255
62256
62257
62258
62259
62260
62261
62262
62263
62264
62265
62266
62267
62268
62269
62270
62271
62272
62273
62274
62275
62276
62277
62278
62279
62280
62281
62282
62283
62284
62285
62286
62287
62288
62289
62290
62291
62292
62293
62294
62295
62296
62297
62298
62299
62300
62301
62302
62303
62304
62305
62306
62307
62308
62309
62310
62311
62312
62313
62314
62315
62316
62317
62318
62319
62320
62321
62322
62323
62324
62325
62326
62327
62328
62329
62330
62331
62332
62333
62334
62335
62336
62337
62338
62339
62340
62341
62342
62343
62344
62345
62346
62347
62348
62349
62350
62351
62352
62353
62354
62355
62356
62357
62358
62359
62360
62361
62362
62363
62364
62365
62366
62367
62368
62369
62370
62371
62372
62373
62374
62375
62376
62377
62378
62379
62380
62381
62382
62383
62384
62385
62386
62387
62388
62389
62390
62391
62392
62393
62394
62395
62396
62397
62398
62399
62400
62401
62402
62403
62404
62405
62406
62407
62408
62409
62410
62411
62412
62413
62414
62415
62416
62417
62418
62419
62420
62421
62422
62423
62424
62425
62426
62427
62428
62429
62430
62431
62432
62433
62434
62435
62436
62437
62438
62439
62440
62441
62442
62443
62444
62445
62446
62447
62448
62449
62450
62451
62452
62453
62454
62455
62456
62457
62458
62459
62460
62461
62462
62463
62464
62465
62466
62467
62468
62469
62470
62471
62472
62473
62474
62475
62476
62477
62478
62479
62480
62481
62482
62483
62484
62485
62486
62487
62488
62489
62490
62491
62492
62493
62494
62495
62496
62497
62498
62499
62500
62501
62502
62503
62504
62505
62506
62507
62508
62509
62510
62511
62512
62513
62514
62515
62516
62517
62518
62519
62520
62521
62522
62523
62524
62525
62526
62527
62528
62529
62530
62531
62532
62533
62534
62535
62536
62537
62538
62539
62540
62541
62542
62543
62544
62545
62546
62547
62548
62549
62550
62551
62552
62553
62554
62555
62556
62557
62558
62559
62560
62561
62562
62563
62564
62565
62566
62567
62568
62569
62570
62571
62572
62573
62574
62575
62576
62577
62578
62579
62580
62581
62582
62583
62584
62585
62586
62587
62588
62589
62590
62591
62592
62593
62594
62595
62596
62597
62598
62599
62600
62601
62602
62603
62604
62605
62606
62607
62608
62609
62610
62611
62612
62613
62614
62615
62616
62617
62618
62619
62620
62621
62622
62623
62624
62625
62626
62627
62628
62629
62630
62631
62632
62633
62634
62635
62636
62637
62638
62639
62640
62641
62642
62643
62644
62645
62646
62647
62648
62649
62650
62651
62652
62653
62654
62655
62656
62657
62658
62659
62660
62661
62662
62663
62664
62665
62666
62667
62668
62669
62670
62671
62672
62673
62674
62675
62676
62677
62678
62679
62680
62681
62682
62683
62684
62685
62686
62687
62688
62689
62690
62691
62692
62693
62694
62695
62696
62697
62698
62699
62700
62701
62702
62703
62704
62705
62706
62707
62708
62709
62710
62711
62712
62713
62714
62715
62716
62717
62718
62719
62720
62721
62722
62723
62724
62725
62726
62727
62728
62729
62730
62731
62732
62733
62734
62735
62736
62737
62738
62739
62740
62741
62742
62743
62744
62745
62746
62747
62748
62749
62750
62751
62752
62753
62754
62755
62756
62757
62758
62759
62760
62761
62762
62763
62764
62765
62766
62767
62768
62769
62770
62771
62772
62773
62774
62775
62776
62777
62778
62779
62780
62781
62782
62783
62784
62785
62786
62787
62788
62789
62790
62791
62792
62793
62794
62795
62796
62797
62798
62799
62800
62801
62802
62803
62804
62805
62806
62807
62808
62809
62810
62811
62812
62813
62814
62815
62816
62817
62818
62819
62820
62821
62822
62823
62824
62825
62826
62827
62828
62829
62830
62831
62832
62833
62834
62835
62836
62837
62838
62839
62840
62841
62842
62843
62844
62845
62846
62847
62848
62849
62850
62851
62852
62853
62854
62855
62856
62857
62858
62859
62860
62861
62862
62863
62864
62865
62866
62867
62868
62869
62870
62871
62872
62873
62874
62875
62876
62877
62878
62879
62880
62881
62882
62883
62884
62885
62886
62887
62888
62889
62890
62891
62892
62893
62894
62895
62896
62897
62898
62899
62900
62901
62902
62903
62904
62905
62906
62907
62908
62909
62910
62911
62912
62913
62914
62915
62916
62917
62918
62919
62920
62921
62922
62923
62924
62925
62926
62927
62928
62929
62930
62931
62932
62933
62934
62935
62936
62937
62938
62939
62940
62941
62942
62943
62944
62945
62946
62947
62948
62949
62950
62951
62952
62953
62954
62955
62956
62957
62958
62959
62960
62961
62962
62963
62964
62965
62966
62967
62968
62969
62970
62971
62972
62973
62974
62975
62976
62977
62978
62979
62980
62981
62982
62983
62984
62985
62986
62987
62988
62989
62990
62991
62992
62993
62994
62995
62996
62997
62998
62999
63000
63001
63002
63003
63004
63005
63006
63007
63008
63009
63010
63011
63012
63013
63014
63015
63016
63017
63018
63019
63020
63021
63022
63023
63024
63025
63026
63027
63028
63029
63030
63031
63032
63033
63034
63035
63036
63037
63038
63039
63040
63041
63042
63043
63044
63045
63046
63047
63048
63049
63050
63051
63052
63053
63054
63055
63056
63057
63058
63059
63060
63061
63062
63063
63064
63065
63066
63067
63068
63069
63070
63071
63072
63073
63074
63075
63076
63077
63078
63079
63080
63081
63082
63083
63084
63085
63086
63087
63088
63089
63090
63091
63092
63093
63094
63095
63096
63097
63098
63099
63100
63101
63102
63103
63104
63105
63106
63107
63108
63109
63110
63111
63112
63113
63114
63115
63116
63117
63118
63119
63120
63121
63122
63123
63124
63125
63126
63127
63128
63129
63130
63131
63132
63133
63134
63135
63136
63137
63138
63139
63140
63141
63142
63143
63144
63145
63146
63147
63148
63149
63150
63151
63152
63153
63154
63155
63156
63157
63158
63159
63160
63161
63162
63163
63164
63165
63166
63167
63168
63169
63170
63171
63172
63173
63174
63175
63176
63177
63178
63179
63180
63181
63182
63183
63184
63185
63186
63187
63188
63189
63190
63191
63192
63193
63194
63195
63196
63197
63198
63199
63200
63201
63202
63203
63204
63205
63206
63207
63208
63209
63210
63211
63212
63213
63214
63215
63216
63217
63218
63219
63220
63221
63222
63223
63224
63225
63226
63227
63228
63229
63230
63231
63232
63233
63234
63235
63236
63237
63238
63239
63240
63241
63242
63243
63244
63245
63246
63247
63248
63249
63250
63251
63252
63253
63254
63255
63256
63257
63258
63259
63260
63261
63262
63263
63264
63265
63266
63267
63268
63269
63270
63271
63272
63273
63274
63275
63276
63277
63278
63279
63280
63281
63282
63283
63284
63285
63286
63287
63288
63289
63290
63291
63292
63293
63294
63295
63296
63297
63298
63299
63300
63301
63302
63303
63304
63305
63306
63307
63308
63309
63310
63311
63312
63313
63314
63315
63316
63317
63318
63319
63320
63321
63322
63323
63324
63325
63326
63327
63328
63329
63330
63331
63332
63333
63334
63335
63336
63337
63338
63339
63340
63341
63342
63343
63344
63345
63346
63347
63348
63349
63350
63351
63352
63353
63354
63355
63356
63357
63358
63359
63360
63361
63362
63363
63364
63365
63366
63367
63368
63369
63370
63371
63372
63373
63374
63375
63376
63377
63378
63379
63380
63381
63382
63383
63384
63385
63386
63387
63388
63389
63390
63391
63392
63393
63394
63395
63396
63397
63398
63399
63400
63401
63402
63403
63404
63405
63406
63407
63408
63409
63410
63411
63412
63413
63414
63415
63416
63417
63418
63419
63420
63421
63422
63423
63424
63425
63426
63427
63428
63429
63430
63431
63432
63433
63434
63435
63436
63437
63438
63439
63440
63441
63442
63443
63444
63445
63446
63447
63448
63449
63450
63451
63452
63453
63454
63455
63456
63457
63458
63459
63460
63461
63462
63463
63464
63465
63466
63467
63468
63469
63470
63471
63472
63473
63474
63475
63476
63477
63478
63479
63480
63481
63482
63483
63484
63485
63486
63487
63488
63489
63490
63491
63492
63493
63494
63495
63496
63497
63498
63499
63500
63501
63502
63503
63504
63505
63506
63507
63508
63509
63510
63511
63512
63513
63514
63515
63516
63517
63518
63519
63520
63521
63522
63523
63524
63525
63526
63527
63528
63529
63530
63531
63532
63533
63534
63535
63536
63537
63538
63539
63540
63541
63542
63543
63544
63545
63546
63547
63548
63549
63550
63551
63552
63553
63554
63555
63556
63557
63558
63559
63560
63561
63562
63563
63564
63565
63566
63567
63568
63569
63570
63571
63572
63573
63574
63575
63576
63577
63578
63579
63580
63581
63582
63583
63584
63585
63586
63587
63588
63589
63590
63591
63592
63593
63594
63595
63596
63597
63598
63599
63600
63601
63602
63603
63604
63605
63606
63607
63608
63609
63610
63611
63612
63613
63614
63615
63616
63617
63618
63619
63620
63621
63622
63623
63624
63625
63626
63627
63628
63629
63630
63631
63632
63633
63634
63635
63636
63637
63638
63639
63640
63641
63642
63643
63644
63645
63646
63647
63648
63649
63650
63651
63652
63653
63654
63655
63656
63657
63658
63659
63660
63661
63662
63663
63664
63665
63666
63667
63668
63669
63670
63671
63672
63673
63674
63675
63676
63677
63678
63679
63680
63681
63682
63683
63684
63685
63686
63687
63688
63689
63690
63691
63692
63693
63694
63695
63696
63697
63698
63699
63700
63701
63702
63703
63704
63705
63706
63707
63708
63709
63710
63711
63712
63713
63714
63715
63716
63717
63718
63719
63720
63721
63722
63723
63724
63725
63726
63727
63728
63729
63730
63731
63732
63733
63734
63735
63736
63737
63738
63739
63740
63741
63742
63743
63744
63745
63746
63747
63748
63749
63750
63751
63752
63753
63754
63755
63756
63757
63758
63759
63760
63761
63762
63763
63764
63765
63766
63767
63768
63769
63770
63771
63772
63773
63774
63775
63776
63777
63778
63779
63780
63781
63782
63783
63784
63785
63786
63787
63788
63789
63790
63791
63792
63793
63794
63795
63796
63797
63798
63799
63800
63801
63802
63803
63804
63805
63806
63807
63808
63809
63810
63811
63812
63813
63814
63815
63816
63817
63818
63819
63820
63821
63822
63823
63824
63825
63826
63827
63828
63829
63830
63831
63832
63833
63834
63835
63836
63837
63838
63839
63840
63841
63842
63843
63844
63845
63846
63847
63848
63849
63850
63851
63852
63853
63854
63855
63856
63857
63858
63859
63860
63861
63862
63863
63864
63865
63866
63867
63868
63869
63870
63871
63872
63873
63874
63875
63876
63877
63878
63879
63880
63881
63882
63883
63884
63885
63886
63887
63888
63889
63890
63891
63892
63893
63894
63895
63896
63897
63898
63899
63900
63901
63902
63903
63904
63905
63906
63907
63908
63909
63910
63911
63912
63913
63914
63915
63916
63917
63918
63919
63920
63921
63922
63923
63924
63925
63926
63927
63928
63929
63930
63931
63932
63933
63934
63935
63936
63937
63938
63939
63940
63941
63942
63943
63944
63945
63946
63947
63948
63949
63950
63951
63952
63953
63954
63955
63956
63957
63958
63959
63960
63961
63962
63963
63964
63965
63966
63967
63968
63969
63970
63971
63972
63973
63974
63975
63976
63977
63978
63979
63980
63981
63982
63983
63984
63985
63986
63987
63988
63989
63990
63991
63992
63993
63994
63995
63996
63997
63998
63999
64000
64001
64002
64003
64004
64005
64006
64007
64008
64009
64010
64011
64012
64013
64014
64015
64016
64017
64018
64019
64020
64021
64022
64023
64024
64025
64026
64027
64028
64029
64030
64031
64032
64033
64034
64035
64036
64037
64038
64039
64040
64041
64042
64043
64044
64045
64046
64047
64048
64049
64050
64051
64052
64053
64054
64055
64056
64057
64058
64059
64060
64061
64062
64063
64064
64065
64066
64067
64068
64069
64070
64071
64072
64073
64074
64075
64076
64077
64078
64079
64080
64081
64082
64083
64084
64085
64086
64087
64088
64089
64090
64091
64092
64093
64094
64095
64096
64097
64098
64099
64100
64101
64102
64103
64104
64105
64106
64107
64108
64109
64110
64111
64112
64113
64114
64115
64116
64117
64118
64119
64120
64121
64122
64123
64124
64125
64126
64127
64128
64129
64130
64131
64132
64133
64134
64135
64136
64137
64138
64139
64140
64141
64142
64143
64144
64145
64146
64147
64148
64149
64150
64151
64152
64153
64154
64155
64156
64157
64158
64159
64160
64161
64162
64163
64164
64165
64166
64167
64168
64169
64170
64171
64172
64173
64174
64175
64176
64177
64178
64179
64180
64181
64182
64183
64184
64185
64186
64187
64188
64189
64190
64191
64192
64193
64194
64195
64196
64197
64198
64199
64200
64201
64202
64203
64204
64205
64206
64207
64208
64209
64210
64211
64212
64213
64214
64215
64216
64217
64218
64219
64220
64221
64222
64223
64224
64225
64226
64227
64228
64229
64230
64231
64232
64233
64234
64235
64236
64237
64238
64239
64240
64241
64242
64243
64244
64245
64246
64247
64248
64249
64250
64251
64252
64253
64254
64255
64256
64257
64258
64259
64260
64261
64262
64263
64264
64265
64266
64267
64268
64269
64270
64271
64272
64273
64274
64275
64276
64277
64278
64279
64280
64281
64282
64283
64284
64285
64286
64287
64288
64289
64290
64291
64292
64293
64294
64295
64296
64297
64298
64299
64300
64301
64302
64303
64304
64305
64306
64307
64308
64309
64310
64311
64312
64313
64314
64315
64316
64317
64318
64319
64320
64321
64322
64323
64324
64325
64326
64327
64328
64329
64330
64331
64332
64333
64334
64335
64336
64337
64338
64339
64340
64341
64342
64343
64344
64345
64346
64347
64348
64349
64350
64351
64352
64353
64354
64355
64356
64357
64358
64359
64360
64361
64362
64363
64364
64365
64366
64367
64368
64369
64370
64371
64372
64373
64374
64375
64376
64377
64378
64379
64380
64381
64382
64383
64384
64385
64386
64387
64388
64389
64390
64391
64392
64393
64394
64395
64396
64397
64398
64399
64400
64401
64402
64403
64404
64405
64406
64407
64408
64409
64410
64411
64412
64413
64414
64415
64416
64417
64418
64419
64420
64421
64422
64423
64424
64425
64426
64427
64428
64429
64430
64431
64432
64433
64434
64435
64436
64437
64438
64439
64440
64441
64442
64443
64444
64445
64446
64447
64448
64449
64450
64451
64452
64453
64454
64455
64456
64457
64458
64459
64460
64461
64462
64463
64464
64465
64466
64467
64468
64469
64470
64471
64472
64473
64474
64475
64476
64477
64478
64479
64480
64481
64482
64483
64484
64485
64486
64487
64488
64489
64490
64491
64492
64493
64494
64495
64496
64497
64498
64499
64500
64501
64502
64503
64504
64505
64506
64507
64508
64509
64510
64511
64512
64513
64514
64515
64516
64517
64518
64519
64520
64521
64522
64523
64524
64525
64526
64527
64528
64529
64530
64531
64532
64533
64534
64535
64536
64537
64538
64539
64540
64541
64542
64543
64544
64545
64546
64547
64548
64549
64550
64551
64552
64553
64554
64555
64556
64557
64558
64559
64560
64561
64562
64563
64564
64565
64566
64567
64568
64569
64570
64571
64572
64573
64574
64575
64576
64577
64578
64579
64580
64581
64582
64583
64584
64585
64586
64587
64588
64589
64590
64591
64592
64593
64594
64595
64596
64597
64598
64599
64600
64601
64602
64603
64604
64605
64606
64607
64608
64609
64610
64611
64612
64613
64614
64615
64616
64617
64618
64619
64620
64621
64622
64623
64624
64625
64626
64627
64628
64629
64630
64631
64632
64633
64634
64635
64636
64637
64638
64639
64640
64641
64642
64643
64644
64645
64646
64647
64648
64649
64650
64651
64652
64653
64654
64655
64656
64657
64658
64659
64660
64661
64662
64663
64664
64665
64666
64667
64668
64669
64670
64671
64672
64673
64674
64675
64676
64677
64678
64679
64680
64681
64682
64683
64684
64685
64686
64687
64688
64689
64690
64691
64692
64693
64694
64695
64696
64697
64698
64699
64700
64701
64702
64703
64704
64705
64706
64707
64708
64709
64710
64711
64712
64713
64714
64715
64716
64717
64718
64719
64720
64721
64722
64723
64724
64725
64726
64727
64728
64729
64730
64731
64732
64733
64734
64735
64736
64737
64738
64739
64740
64741
64742
64743
64744
64745
64746
64747
64748
64749
64750
64751
64752
64753
64754
64755
64756
64757
64758
64759
64760
64761
64762
64763
64764
64765
64766
64767
64768
64769
64770
64771
64772
64773
64774
64775
64776
64777
64778
64779
64780
64781
64782
64783
64784
64785
64786
64787
64788
64789
64790
64791
64792
64793
64794
64795
64796
64797
64798
64799
64800
64801
64802
64803
64804
64805
64806
64807
64808
64809
64810
64811
64812
64813
64814
64815
64816
64817
64818
64819
64820
64821
64822
64823
64824
64825
64826
64827
64828
64829
64830
64831
64832
64833
64834
64835
64836
64837
64838
64839
64840
64841
64842
64843
64844
64845
64846
64847
64848
64849
64850
64851
64852
64853
64854
64855
64856
64857
64858
64859
64860
64861
64862
64863
64864
64865
64866
64867
64868
64869
64870
64871
64872
64873
64874
64875
64876
64877
64878
64879
64880
64881
64882
64883
64884
64885
64886
64887
64888
64889
64890
64891
64892
64893
64894
64895
64896
64897
64898
64899
64900
64901
64902
64903
64904
64905
64906
64907
64908
64909
64910
64911
64912
64913
64914
64915
64916
64917
64918
64919
64920
64921
64922
64923
64924
64925
64926
64927
64928
64929
64930
64931
64932
64933
64934
64935
64936
64937
64938
64939
64940
64941
64942
64943
64944
64945
64946
64947
64948
64949
64950
64951
64952
64953
64954
64955
64956
64957
64958
64959
64960
64961
64962
64963
64964
64965
64966
64967
64968
64969
64970
64971
64972
64973
64974
64975
64976
64977
64978
64979
64980
64981
64982
64983
64984
64985
64986
64987
64988
64989
64990
64991
64992
64993
64994
64995
64996
64997
64998
64999
65000
65001
65002
65003
65004
65005
65006
65007
65008
65009
65010
65011
65012
65013
65014
65015
65016
65017
65018
65019
65020
65021
65022
65023
65024
65025
65026
65027
65028
65029
65030
65031
65032
65033
65034
65035
65036
65037
65038
65039
65040
65041
65042
65043
65044
65045
65046
65047
65048
65049
65050
65051
65052
65053
65054
65055
65056
65057
65058
65059
65060
65061
65062
65063
65064
65065
65066
65067
65068
65069
65070
65071
65072
65073
65074
65075
65076
65077
65078
65079
65080
65081
65082
65083
65084
65085
65086
65087
65088
65089
65090
65091
65092
65093
65094
65095
65096
65097
65098
65099
65100
65101
65102
65103
65104
65105
65106
65107
65108
65109
65110
65111
65112
65113
65114
65115
65116
65117
65118
65119
65120
65121
65122
65123
65124
65125
65126
65127
65128
65129
65130
65131
65132
65133
65134
65135
65136
65137
65138
65139
65140
65141
65142
65143
65144
65145
65146
65147
65148
65149
65150
65151
65152
65153
65154
65155
65156
65157
65158
65159
65160
65161
65162
65163
65164
65165
65166
65167
65168
65169
65170
65171
65172
65173
65174
65175
65176
65177
65178
65179
65180
65181
65182
65183
65184
65185
65186
65187
65188
65189
65190
65191
65192
65193
65194
65195
65196
65197
65198
65199
65200
65201
65202
65203
65204
65205
65206
65207
65208
65209
65210
65211
65212
65213
65214
65215
65216
65217
65218
65219
65220
65221
65222
65223
65224
65225
65226
65227
65228
65229
65230
65231
65232
65233
65234
65235
65236
65237
65238
65239
65240
65241
65242
65243
65244
65245
65246
65247
65248
65249
65250
65251
65252
65253
65254
65255
65256
65257
65258
65259
65260
65261
65262
65263
65264
65265
65266
65267
65268
65269
65270
65271
65272
65273
65274
65275
65276
65277
65278
65279
65280
65281
65282
65283
65284
65285
65286
65287
65288
65289
65290
65291
65292
65293
65294
65295
65296
65297
65298
65299
65300
65301
65302
65303
65304
65305
65306
65307
65308
65309
65310
65311
65312
65313
65314
65315
65316
65317
65318
65319
65320
65321
65322
65323
65324
65325
65326
65327
65328
65329
65330
65331
65332
65333
65334
65335
65336
65337
65338
65339
65340
65341
65342
65343
65344
65345
65346
65347
65348
65349
65350
65351
65352
65353
65354
65355
65356
65357
65358
65359
65360
65361
65362
65363
65364
65365
65366
65367
65368
65369
65370
65371
65372
65373
65374
65375
65376
65377
65378
65379
65380
65381
65382
65383
65384
65385
65386
65387
65388
65389
65390
65391
65392
65393
65394
65395
65396
65397
65398
65399
65400
65401
65402
65403
65404
65405
65406
65407
65408
65409
65410
65411
65412
65413
65414
65415
65416
65417
65418
65419
65420
65421
65422
65423
65424
65425
65426
65427
65428
65429
65430
65431
65432
65433
65434
65435
65436
65437
65438
65439
65440
65441
65442
65443
65444
65445
65446
65447
65448
65449
65450
65451
65452
65453
65454
65455
65456
65457
65458
65459
65460
65461
65462
65463
65464
65465
65466
65467
65468
65469
65470
65471
65472
65473
65474
65475
65476
65477
65478
65479
65480
65481
65482
65483
65484
65485
65486
65487
65488
65489
65490
65491
65492
65493
65494
65495
65496
65497
65498
65499
65500
65501
65502
65503
65504
65505
65506
65507
65508
65509
65510
65511
65512
65513
65514
65515
65516
65517
65518
65519
65520
65521
65522
65523
65524
65525
65526
65527
65528
65529
65530
65531
65532
65533
65534
65535
65536
65537
65538
65539
65540
65541
65542
65543
65544
65545
65546
65547
65548
65549
65550
65551
65552
65553
65554
65555
65556
65557
65558
65559
65560
65561
65562
65563
65564
65565
65566
65567
65568
65569
65570
65571
65572
65573
65574
65575
65576
65577
65578
65579
65580
65581
65582
65583
65584
65585
65586
65587
65588
65589
65590
65591
65592
65593
65594
65595
65596
65597
65598
65599
65600
65601
65602
65603
65604
65605
65606
65607
65608
65609
65610
65611
65612
65613
65614
65615
65616
65617
65618
65619
65620
65621
65622
65623
65624
65625
65626
65627
65628
65629
65630
65631
65632
65633
65634
65635
65636
65637
65638
65639
65640
65641
65642
65643
65644
65645
65646
65647
65648
65649
65650
65651
65652
65653
65654
65655
65656
65657
65658
65659
65660
65661
65662
65663
65664
65665
65666
65667
65668
65669
65670
65671
65672
65673
65674
65675
65676
65677
65678
65679
65680
65681
65682
65683
65684
65685
65686
65687
65688
65689
65690
65691
65692
65693
65694
65695
65696
65697
65698
65699
65700
65701
65702
65703
65704
65705
65706
65707
65708
65709
65710
65711
65712
65713
65714
65715
65716
65717
65718
65719
65720
65721
65722
65723
65724
65725
65726
65727
65728
65729
65730
65731
65732
65733
65734
65735
65736
65737
65738
65739
65740
65741
65742
65743
65744
65745
65746
65747
65748
65749
65750
65751
65752
65753
65754
65755
65756
65757
65758
65759
65760
65761
65762
65763
65764
65765
65766
65767
65768
65769
65770
65771
65772
65773
65774
65775
65776
65777
65778
65779
65780
65781
65782
65783
65784
65785
65786
65787
65788
65789
65790
65791
65792
65793
65794
65795
65796
65797
65798
65799
65800
65801
65802
65803
65804
65805
65806
65807
65808
65809
65810
65811
65812
65813
65814
65815
65816
65817
65818
65819
65820
65821
65822
65823
65824
65825
65826
65827
65828
65829
65830
65831
65832
65833
65834
65835
65836
65837
65838
65839
65840
65841
65842
65843
65844
65845
65846
65847
65848
65849
65850
65851
65852
65853
65854
65855
65856
65857
65858
65859
65860
65861
65862
65863
65864
65865
65866
65867
65868
65869
65870
65871
65872
65873
65874
65875
65876
65877
65878
65879
65880
65881
65882
65883
65884
65885
65886
65887
65888
65889
65890
65891
65892
65893
65894
65895
65896
65897
65898
65899
65900
65901
65902
65903
65904
65905
65906
65907
65908
65909
65910
65911
65912
65913
65914
65915
65916
65917
65918
65919
65920
65921
65922
65923
65924
65925
65926
65927
65928
65929
65930
65931
65932
65933
65934
65935
65936
65937
65938
65939
65940
65941
65942
65943
65944
65945
65946
65947
65948
65949
65950
65951
65952
65953
65954
65955
65956
65957
65958
65959
65960
65961
65962
65963
65964
65965
65966
65967
65968
65969
65970
65971
65972
65973
65974
65975
65976
65977
65978
65979
65980
65981
65982
65983
65984
65985
65986
65987
65988
65989
65990
65991
65992
65993
65994
65995
65996
65997
65998
65999
66000
66001
66002
66003
66004
66005
66006
66007
66008
66009
66010
66011
66012
66013
66014
66015
66016
66017
66018
66019
66020
66021
66022
66023
66024
66025
66026
66027
66028
66029
66030
66031
66032
66033
66034
66035
66036
66037
66038
66039
66040
66041
66042
66043
66044
66045
66046
66047
66048
66049
66050
66051
66052
66053
66054
66055
66056
66057
66058
66059
66060
66061
66062
66063
66064
66065
66066
66067
66068
66069
66070
66071
66072
66073
66074
66075
66076
66077
66078
66079
66080
66081
66082
66083
66084
66085
66086
66087
66088
66089
66090
66091
66092
66093
66094
66095
66096
66097
66098
66099
66100
66101
66102
66103
66104
66105
66106
66107
66108
66109
66110
66111
66112
66113
66114
66115
66116
66117
66118
66119
66120
66121
66122
66123
66124
66125
66126
66127
66128
66129
66130
66131
66132
66133
66134
66135
66136
66137
66138
66139
66140
66141
66142
66143
66144
66145
66146
66147
66148
66149
66150
66151
66152
66153
66154
66155
66156
66157
66158
66159
66160
66161
66162
66163
66164
66165
66166
66167
66168
66169
66170
66171
66172
66173
66174
66175
66176
66177
66178
66179
66180
66181
66182
66183
66184
66185
66186
66187
66188
66189
66190
66191
66192
66193
66194
66195
66196
66197
66198
66199
66200
66201
66202
66203
66204
66205
66206
66207
66208
66209
66210
66211
66212
66213
66214
66215
66216
66217
66218
66219
66220
66221
66222
66223
66224
66225
66226
66227
66228
66229
66230
66231
66232
66233
66234
66235
66236
66237
66238
66239
66240
66241
66242
66243
66244
66245
66246
66247
66248
66249
66250
66251
66252
66253
66254
66255
66256
66257
66258
66259
66260
66261
66262
66263
66264
66265
66266
66267
66268
66269
66270
66271
66272
66273
66274
66275
66276
66277
66278
66279
66280
66281
66282
66283
66284
66285
66286
66287
66288
66289
66290
66291
66292
66293
66294
66295
66296
66297
66298
66299
66300
66301
66302
66303
66304
66305
66306
66307
66308
66309
66310
66311
66312
66313
66314
66315
66316
66317
66318
66319
66320
66321
66322
66323
66324
66325
66326
66327
66328
66329
66330
66331
66332
66333
66334
66335
66336
66337
66338
66339
66340
66341
66342
66343
66344
66345
66346
66347
66348
66349
66350
66351
66352
66353
66354
66355
66356
66357
66358
66359
66360
66361
66362
66363
66364
66365
66366
66367
66368
66369
66370
66371
66372
66373
66374
66375
66376
66377
66378
66379
66380
66381
66382
66383
66384
66385
66386
66387
66388
66389
66390
66391
66392
66393
66394
66395
66396
66397
66398
66399
66400
66401
66402
66403
66404
66405
66406
66407
66408
66409
66410
66411
66412
66413
66414
66415
66416
66417
66418
66419
66420
66421
66422
66423
66424
66425
66426
66427
66428
66429
66430
66431
66432
66433
66434
66435
66436
66437
66438
66439
66440
66441
66442
66443
66444
66445
66446
66447
66448
66449
66450
66451
66452
66453
66454
66455
66456
66457
66458
66459
66460
66461
66462
66463
66464
66465
66466
66467
66468
66469
66470
66471
66472
66473
66474
66475
66476
66477
66478
66479
66480
66481
66482
66483
66484
66485
66486
66487
66488
66489
66490
66491
66492
66493
66494
66495
66496
66497
66498
66499
66500
66501
66502
66503
66504
66505
66506
66507
66508
66509
66510
66511
66512
66513
66514
66515
66516
66517
66518
66519
66520
66521
66522
66523
66524
66525
66526
66527
66528
66529
66530
66531
66532
66533
66534
66535
66536
66537
66538
66539
66540
66541
66542
66543
66544
66545
66546
66547
66548
66549
66550
66551
66552
66553
66554
66555
66556
66557
66558
66559
66560
66561
66562
66563
66564
66565
66566
66567
66568
66569
66570
66571
66572
66573
66574
66575
66576
66577
66578
66579
66580
66581
66582
66583
66584
66585
66586
66587
66588
66589
66590
66591
66592
66593
66594
66595
66596
66597
66598
66599
66600
66601
66602
66603
66604
66605
66606
66607
66608
66609
66610
66611
66612
66613
66614
66615
66616
66617
66618
66619
66620
66621
66622
66623
66624
66625
66626
66627
66628
66629
66630
66631
66632
66633
66634
66635
66636
66637
66638
66639
66640
66641
66642
66643
66644
66645
66646
66647
66648
66649
66650
66651
66652
66653
66654
66655
66656
66657
66658
66659
66660
66661
66662
66663
66664
66665
66666
66667
66668
66669
66670
66671
66672
66673
66674
66675
66676
66677
66678
66679
66680
66681
66682
66683
66684
66685
66686
66687
66688
66689
66690
66691
66692
66693
66694
66695
66696
66697
66698
66699
66700
66701
66702
66703
66704
66705
66706
66707
66708
66709
66710
66711
66712
66713
66714
66715
66716
66717
66718
66719
66720
66721
66722
66723
66724
66725
66726
66727
66728
66729
66730
66731
66732
66733
66734
66735
66736
66737
66738
66739
66740
66741
66742
66743
66744
66745
66746
66747
66748
66749
66750
66751
66752
66753
66754
66755
66756
66757
66758
66759
66760
66761
66762
66763
66764
66765
66766
66767
66768
66769
66770
66771
66772
66773
66774
66775
66776
66777
66778
66779
66780
66781
66782
66783
66784
66785
66786
66787
66788
66789
66790
66791
66792
66793
66794
66795
66796
66797
66798
66799
66800
66801
66802
66803
66804
66805
66806
66807
66808
66809
66810
66811
66812
66813
66814
66815
66816
66817
66818
66819
66820
66821
66822
66823
66824
66825
66826
66827
66828
66829
66830
66831
66832
66833
66834
66835
66836
66837
66838
66839
66840
66841
66842
66843
66844
66845
66846
66847
66848
66849
66850
66851
66852
66853
66854
66855
66856
66857
66858
66859
66860
66861
66862
66863
66864
66865
66866
66867
66868
66869
66870
66871
66872
66873
66874
66875
66876
66877
66878
66879
66880
66881
66882
66883
66884
66885
66886
66887
66888
66889
66890
66891
66892
66893
66894
66895
66896
66897
66898
66899
66900
66901
66902
66903
66904
66905
66906
66907
66908
66909
66910
66911
66912
66913
66914
66915
66916
66917
66918
66919
66920
66921
66922
66923
66924
66925
66926
66927
66928
66929
66930
66931
66932
66933
66934
66935
66936
66937
66938
66939
66940
66941
66942
66943
66944
66945
66946
66947
66948
66949
66950
66951
66952
66953
66954
66955
66956
66957
66958
66959
66960
66961
66962
66963
66964
66965
66966
66967
66968
66969
66970
66971
66972
66973
66974
66975
66976
66977
66978
66979
66980
66981
66982
66983
66984
66985
66986
66987
66988
66989
66990
66991
66992
66993
66994
66995
66996
66997
66998
66999
67000
67001
67002
67003
67004
67005
67006
67007
67008
67009
67010
67011
67012
67013
67014
67015
67016
67017
67018
67019
67020
67021
67022
67023
67024
67025
67026
67027
67028
67029
67030
67031
67032
67033
67034
67035
67036
67037
67038
67039
67040
67041
67042
67043
67044
67045
67046
67047
67048
67049
67050
67051
67052
67053
67054
67055
67056
67057
67058
67059
67060
67061
67062
67063
67064
67065
67066
67067
67068
67069
67070
67071
67072
67073
67074
67075
67076
67077
67078
67079
67080
67081
67082
67083
67084
67085
67086
67087
67088
67089
67090
67091
67092
67093
67094
67095
67096
67097
67098
67099
67100
67101
67102
67103
67104
67105
67106
67107
67108
67109
67110
67111
67112
67113
67114
67115
67116
67117
67118
67119
67120
67121
67122
67123
67124
67125
67126
67127
67128
67129
67130
67131
67132
67133
67134
67135
67136
67137
67138
67139
67140
67141
67142
67143
67144
67145
67146
67147
67148
67149
67150
67151
67152
67153
67154
67155
67156
67157
67158
67159
67160
67161
67162
67163
67164
67165
67166
67167
67168
67169
67170
67171
67172
67173
67174
67175
67176
67177
67178
67179
67180
67181
67182
67183
67184
67185
67186
67187
67188
67189
67190
67191
67192
67193
67194
67195
67196
67197
67198
67199
67200
67201
67202
67203
67204
67205
67206
67207
67208
67209
67210
67211
67212
67213
67214
67215
67216
67217
67218
67219
67220
67221
67222
67223
67224
67225
67226
67227
67228
67229
67230
67231
67232
67233
67234
67235
67236
67237
67238
67239
67240
67241
67242
67243
67244
67245
67246
67247
67248
67249
67250
67251
67252
67253
67254
67255
67256
67257
67258
67259
67260
67261
67262
67263
67264
67265
67266
67267
67268
67269
67270
67271
67272
67273
67274
67275
67276
67277
67278
67279
67280
67281
67282
67283
67284
67285
67286
67287
67288
67289
67290
67291
67292
67293
67294
67295
67296
67297
67298
67299
67300
67301
67302
67303
67304
67305
67306
67307
67308
67309
67310
67311
67312
67313
67314
67315
67316
67317
67318
67319
67320
67321
67322
67323
67324
67325
67326
67327
67328
67329
67330
67331
67332
67333
67334
67335
67336
67337
67338
67339
67340
67341
67342
67343
67344
67345
67346
67347
67348
67349
67350
67351
67352
67353
67354
67355
67356
67357
67358
67359
67360
67361
67362
67363
67364
67365
67366
67367
67368
67369
67370
67371
67372
67373
67374
67375
67376
67377
67378
67379
67380
67381
67382
67383
67384
67385
67386
67387
67388
67389
67390
67391
67392
67393
67394
67395
67396
67397
67398
67399
67400
67401
67402
67403
67404
67405
67406
67407
67408
67409
67410
67411
67412
67413
67414
67415
67416
67417
67418
67419
67420
67421
67422
67423
67424
67425
67426
67427
67428
67429
67430
67431
67432
67433
67434
67435
67436
67437
67438
67439
67440
67441
67442
67443
67444
67445
67446
67447
67448
67449
67450
67451
67452
67453
67454
67455
67456
67457
67458
67459
67460
67461
67462
67463
67464
67465
67466
67467
67468
67469
67470
67471
67472
67473
67474
67475
67476
67477
67478
67479
67480
67481
67482
67483
67484
67485
67486
67487
67488
67489
67490
67491
67492
67493
67494
67495
67496
67497
67498
67499
67500
67501
67502
67503
67504
67505
67506
67507
67508
67509
67510
67511
67512
67513
67514
67515
67516
67517
67518
67519
67520
67521
67522
67523
67524
67525
67526
67527
67528
67529
67530
67531
67532
67533
67534
67535
67536
67537
67538
67539
67540
67541
67542
67543
67544
67545
67546
67547
67548
67549
67550
67551
67552
67553
67554
67555
67556
67557
67558
67559
67560
67561
67562
67563
67564
67565
67566
67567
67568
67569
67570
67571
67572
67573
67574
67575
67576
67577
67578
67579
67580
67581
67582
67583
67584
67585
67586
67587
67588
67589
67590
67591
67592
67593
67594
67595
67596
67597
67598
67599
67600
67601
67602
67603
67604
67605
67606
67607
67608
67609
67610
67611
67612
67613
67614
67615
67616
67617
67618
67619
67620
67621
67622
67623
67624
67625
67626
67627
67628
67629
67630
67631
67632
67633
67634
67635
67636
67637
67638
67639
67640
67641
67642
67643
67644
67645
67646
67647
67648
67649
67650
67651
67652
67653
67654
67655
67656
67657
67658
67659
67660
67661
67662
67663
67664
67665
67666
67667
67668
67669
67670
67671
67672
67673
67674
67675
67676
67677
67678
67679
67680
67681
67682
67683
67684
67685
67686
67687
67688
67689
67690
67691
67692
67693
67694
67695
67696
67697
67698
67699
67700
67701
67702
67703
67704
67705
67706
67707
67708
67709
67710
67711
67712
67713
67714
67715
67716
67717
67718
67719
67720
67721
67722
67723
67724
67725
67726
67727
67728
67729
67730
67731
67732
67733
67734
67735
67736
67737
67738
67739
67740
67741
67742
67743
67744
67745
67746
67747
67748
67749
67750
67751
67752
67753
67754
67755
67756
67757
67758
67759
67760
67761
67762
67763
67764
67765
67766
67767
67768
67769
67770
67771
67772
67773
67774
67775
67776
67777
67778
67779
67780
67781
67782
67783
67784
67785
67786
67787
67788
67789
67790
67791
67792
67793
67794
67795
67796
67797
67798
67799
67800
67801
67802
67803
67804
67805
67806
67807
67808
67809
67810
67811
67812
67813
67814
67815
67816
67817
67818
67819
67820
67821
67822
67823
67824
67825
67826
67827
67828
67829
67830
67831
67832
67833
67834
67835
67836
67837
67838
67839
67840
67841
67842
67843
67844
67845
67846
67847
67848
67849
67850
67851
67852
67853
67854
67855
67856
67857
67858
67859
67860
67861
67862
67863
67864
67865
67866
67867
67868
67869
67870
67871
67872
67873
67874
67875
67876
67877
67878
67879
67880
67881
67882
67883
67884
67885
67886
67887
67888
67889
67890
67891
67892
67893
67894
67895
67896
67897
67898
67899
67900
67901
67902
67903
67904
67905
67906
67907
67908
67909
67910
67911
67912
67913
67914
67915
67916
67917
67918
67919
67920
67921
67922
67923
67924
67925
67926
67927
67928
67929
67930
67931
67932
67933
67934
67935
67936
67937
67938
67939
67940
67941
67942
67943
67944
67945
67946
67947
67948
67949
67950
67951
67952
67953
67954
67955
67956
67957
67958
67959
67960
67961
67962
67963
67964
67965
67966
67967
67968
67969
67970
67971
67972
67973
67974
67975
67976
67977
67978
67979
67980
67981
67982
67983
67984
67985
67986
67987
67988
67989
67990
67991
67992
67993
67994
67995
67996
67997
67998
67999
68000
68001
68002
68003
68004
68005
68006
68007
68008
68009
68010
68011
68012
68013
68014
68015
68016
68017
68018
68019
68020
68021
68022
68023
68024
68025
68026
68027
68028
68029
68030
68031
68032
68033
68034
68035
68036
68037
68038
68039
68040
68041
68042
68043
68044
68045
68046
68047
68048
68049
68050
68051
68052
68053
68054
68055
68056
68057
68058
68059
68060
68061
68062
68063
68064
68065
68066
68067
68068
68069
68070
68071
68072
68073
68074
68075
68076
68077
68078
68079
68080
68081
68082
68083
68084
68085
68086
68087
68088
68089
68090
68091
68092
68093
68094
68095
68096
68097
68098
68099
68100
68101
68102
68103
68104
68105
68106
68107
68108
68109
68110
68111
68112
68113
68114
68115
68116
68117
68118
68119
68120
68121
68122
68123
68124
68125
68126
68127
68128
68129
68130
68131
68132
68133
68134
68135
68136
68137
68138
68139
68140
68141
68142
68143
68144
68145
68146
68147
68148
68149
68150
68151
68152
68153
68154
68155
68156
68157
68158
68159
68160
68161
68162
68163
68164
68165
68166
68167
68168
68169
68170
68171
68172
68173
68174
68175
68176
68177
68178
68179
68180
68181
68182
68183
68184
68185
68186
68187
68188
68189
68190
68191
68192
68193
68194
68195
68196
68197
68198
68199
68200
68201
68202
68203
68204
68205
68206
68207
68208
68209
68210
68211
68212
68213
68214
68215
68216
68217
68218
68219
68220
68221
68222
68223
68224
68225
68226
68227
68228
68229
68230
68231
68232
68233
68234
68235
68236
68237
68238
68239
68240
68241
68242
68243
68244
68245
68246
68247
68248
68249
68250
68251
68252
68253
68254
68255
68256
68257
68258
68259
68260
68261
68262
68263
68264
68265
68266
68267
68268
68269
68270
68271
68272
68273
68274
68275
68276
68277
68278
68279
68280
68281
68282
68283
68284
68285
68286
68287
68288
68289
68290
68291
68292
68293
68294
68295
68296
68297
68298
68299
68300
68301
68302
68303
68304
68305
68306
68307
68308
68309
68310
68311
68312
68313
68314
68315
68316
68317
68318
68319
68320
68321
68322
68323
68324
68325
68326
68327
68328
68329
68330
68331
68332
68333
68334
68335
68336
68337
68338
68339
68340
68341
68342
68343
68344
68345
68346
68347
68348
68349
68350
68351
68352
68353
68354
68355
68356
68357
68358
68359
68360
68361
68362
68363
68364
68365
68366
68367
68368
68369
68370
68371
68372
68373
68374
68375
68376
68377
68378
68379
68380
68381
68382
68383
68384
68385
68386
68387
68388
68389
68390
68391
68392
68393
68394
68395
68396
68397
68398
68399
68400
68401
68402
68403
68404
68405
68406
68407
68408
68409
68410
68411
68412
68413
68414
68415
68416
68417
68418
68419
68420
68421
68422
68423
68424
68425
68426
68427
68428
68429
68430
68431
68432
68433
68434
68435
68436
68437
68438
68439
68440
68441
68442
68443
68444
68445
68446
68447
68448
68449
68450
68451
68452
68453
68454
68455
68456
68457
68458
68459
68460
68461
68462
68463
68464
68465
68466
68467
68468
68469
68470
68471
68472
68473
68474
68475
68476
68477
68478
68479
68480
68481
68482
68483
68484
68485
68486
68487
68488
68489
68490
68491
68492
68493
68494
68495
68496
68497
68498
68499
68500
68501
68502
68503
68504
68505
68506
68507
68508
68509
68510
68511
68512
68513
68514
68515
68516
68517
68518
68519
68520
68521
68522
68523
68524
68525
68526
68527
68528
68529
68530
68531
68532
68533
68534
68535
68536
68537
68538
68539
68540
68541
68542
68543
68544
68545
68546
68547
68548
68549
68550
68551
68552
68553
68554
68555
68556
68557
68558
68559
68560
68561
68562
68563
68564
68565
68566
68567
68568
68569
68570
68571
68572
68573
68574
68575
68576
68577
68578
68579
68580
68581
68582
68583
68584
68585
68586
68587
68588
68589
68590
68591
68592
68593
68594
68595
68596
68597
68598
68599
68600
68601
68602
68603
68604
68605
68606
68607
68608
68609
68610
68611
68612
68613
68614
68615
68616
68617
68618
68619
68620
68621
68622
68623
68624
68625
68626
68627
68628
68629
68630
68631
68632
68633
68634
68635
68636
68637
68638
68639
68640
68641
68642
68643
68644
68645
68646
68647
68648
68649
68650
68651
68652
68653
68654
68655
68656
68657
68658
68659
68660
68661
68662
68663
68664
68665
68666
68667
68668
68669
68670
68671
68672
68673
68674
68675
68676
68677
68678
68679
68680
68681
68682
68683
68684
68685
68686
68687
68688
68689
68690
68691
68692
68693
68694
68695
68696
68697
68698
68699
68700
68701
68702
68703
68704
68705
68706
68707
68708
68709
68710
68711
68712
68713
68714
68715
68716
68717
68718
68719
68720
68721
68722
68723
68724
68725
68726
68727
68728
68729
68730
68731
68732
68733
68734
68735
68736
68737
68738
68739
68740
68741
68742
68743
68744
68745
68746
68747
68748
68749
68750
68751
68752
68753
68754
68755
68756
68757
68758
68759
68760
68761
68762
68763
68764
68765
68766
68767
68768
68769
68770
68771
68772
68773
68774
68775
68776
68777
68778
68779
68780
68781
68782
68783
68784
68785
68786
68787
68788
68789
68790
68791
68792
68793
68794
68795
68796
68797
68798
68799
68800
68801
68802
68803
68804
68805
68806
68807
68808
68809
68810
68811
68812
68813
68814
68815
68816
68817
68818
68819
68820
68821
68822
68823
68824
68825
68826
68827
68828
68829
68830
68831
68832
68833
68834
68835
68836
68837
68838
68839
68840
68841
68842
68843
68844
68845
68846
68847
68848
68849
68850
68851
68852
68853
68854
68855
68856
68857
68858
68859
68860
68861
68862
68863
68864
68865
68866
68867
68868
68869
68870
68871
68872
68873
68874
68875
68876
68877
68878
68879
68880
68881
68882
68883
68884
68885
68886
68887
68888
68889
68890
68891
68892
68893
68894
68895
68896
68897
68898
68899
68900
68901
68902
68903
68904
68905
68906
68907
68908
68909
68910
68911
68912
68913
68914
68915
68916
68917
68918
68919
68920
68921
68922
68923
68924
68925
68926
68927
68928
68929
68930
68931
68932
68933
68934
68935
68936
68937
68938
68939
68940
68941
68942
68943
68944
68945
68946
68947
68948
68949
68950
68951
68952
68953
68954
68955
68956
68957
68958
68959
68960
68961
68962
68963
68964
68965
68966
68967
68968
68969
68970
68971
68972
68973
68974
68975
68976
68977
68978
68979
68980
68981
68982
68983
68984
68985
68986
68987
68988
68989
68990
68991
68992
68993
68994
68995
68996
68997
68998
68999
69000
69001
69002
69003
69004
69005
69006
69007
69008
69009
69010
69011
69012
69013
69014
69015
69016
69017
69018
69019
69020
69021
69022
69023
69024
69025
69026
69027
69028
69029
69030
69031
69032
69033
69034
69035
69036
69037
69038
69039
69040
69041
69042
69043
69044
69045
69046
69047
69048
69049
69050
69051
69052
69053
69054
69055
69056
69057
69058
69059
69060
69061
69062
69063
69064
69065
69066
69067
69068
69069
69070
69071
69072
69073
69074
69075
69076
69077
69078
69079
69080
69081
69082
69083
69084
69085
69086
69087
69088
69089
69090
69091
69092
69093
69094
69095
69096
69097
69098
69099
69100
69101
69102
69103
69104
69105
69106
69107
69108
69109
69110
69111
69112
69113
69114
69115
69116
69117
69118
69119
69120
69121
69122
69123
69124
69125
69126
69127
69128
69129
69130
69131
69132
69133
69134
69135
69136
69137
69138
69139
69140
69141
69142
69143
69144
69145
69146
69147
69148
69149
69150
69151
69152
69153
69154
69155
69156
69157
69158
69159
69160
69161
69162
69163
69164
69165
69166
69167
69168
69169
69170
69171
69172
69173
69174
69175
69176
69177
69178
69179
69180
69181
69182
69183
69184
69185
69186
69187
69188
69189
69190
69191
69192
69193
69194
69195
69196
69197
69198
69199
69200
69201
69202
69203
69204
69205
69206
69207
69208
69209
69210
69211
69212
69213
69214
69215
69216
69217
69218
69219
69220
69221
69222
69223
69224
69225
69226
69227
69228
69229
69230
69231
69232
69233
69234
69235
69236
69237
69238
69239
69240
69241
69242
69243
69244
69245
69246
69247
69248
69249
69250
69251
69252
69253
69254
69255
69256
69257
69258
69259
69260
69261
69262
69263
69264
69265
69266
69267
69268
69269
69270
69271
69272
69273
69274
69275
69276
69277
69278
69279
69280
69281
69282
69283
69284
69285
69286
69287
69288
69289
69290
69291
69292
69293
69294
69295
69296
69297
69298
69299
69300
69301
69302
69303
69304
69305
69306
69307
69308
69309
69310
69311
69312
69313
69314
69315
69316
69317
69318
69319
69320
69321
69322
69323
69324
69325
69326
69327
69328
69329
69330
69331
69332
69333
69334
69335
69336
69337
69338
69339
69340
69341
69342
69343
69344
69345
69346
69347
69348
69349
69350
69351
69352
69353
69354
69355
69356
69357
69358
69359
69360
69361
69362
69363
69364
69365
69366
69367
69368
69369
69370
69371
69372
69373
69374
69375
69376
69377
69378
69379
69380
69381
69382
69383
69384
69385
69386
69387
69388
69389
69390
69391
69392
69393
69394
69395
69396
69397
69398
69399
69400
69401
69402
69403
69404
69405
69406
69407
69408
69409
69410
69411
69412
69413
69414
69415
69416
69417
69418
69419
69420
69421
69422
69423
69424
69425
69426
69427
69428
69429
69430
69431
69432
69433
69434
69435
69436
69437
69438
69439
69440
69441
69442
69443
69444
69445
69446
69447
69448
69449
69450
69451
69452
69453
69454
69455
69456
69457
69458
69459
69460
69461
69462
69463
69464
69465
69466
69467
69468
69469
69470
69471
69472
69473
69474
69475
69476
69477
69478
69479
69480
69481
69482
69483
69484
69485
69486
69487
69488
69489
69490
69491
69492
69493
69494
69495
69496
69497
69498
69499
69500
69501
69502
69503
69504
69505
69506
69507
69508
69509
69510
69511
69512
69513
69514
69515
69516
69517
69518
69519
69520
69521
69522
69523
69524
69525
69526
69527
69528
69529
69530
69531
69532
69533
69534
69535
69536
69537
69538
69539
69540
69541
69542
69543
69544
69545
69546
69547
69548
69549
69550
69551
69552
69553
69554
69555
69556
69557
69558
69559
69560
69561
69562
69563
69564
69565
69566
69567
69568
69569
69570
69571
69572
69573
69574
69575
69576
69577
69578
69579
69580
69581
69582
69583
69584
69585
69586
69587
69588
69589
69590
69591
69592
69593
69594
69595
69596
69597
69598
69599
69600
69601
69602
69603
69604
69605
69606
69607
69608
69609
69610
69611
69612
69613
69614
69615
69616
69617
69618
69619
69620
69621
69622
69623
69624
69625
69626
69627
69628
69629
69630
69631
69632
69633
69634
69635
69636
69637
69638
69639
69640
69641
69642
69643
69644
69645
69646
69647
69648
69649
69650
69651
69652
69653
69654
69655
69656
69657
69658
69659
69660
69661
69662
69663
69664
69665
69666
69667
69668
69669
69670
69671
69672
69673
69674
69675
69676
69677
69678
69679
69680
69681
69682
69683
69684
69685
69686
69687
69688
69689
69690
69691
69692
69693
69694
69695
69696
69697
69698
69699
69700
69701
69702
69703
69704
69705
69706
69707
69708
69709
69710
69711
69712
69713
69714
69715
69716
69717
69718
69719
69720
69721
69722
69723
69724
69725
69726
69727
69728
69729
69730
69731
69732
69733
69734
69735
69736
69737
69738
69739
69740
69741
69742
69743
69744
69745
69746
69747
69748
69749
69750
69751
69752
69753
69754
69755
69756
69757
69758
69759
69760
69761
69762
69763
69764
69765
69766
69767
69768
69769
69770
69771
69772
69773
69774
69775
69776
69777
69778
69779
69780
69781
69782
69783
69784
69785
69786
69787
69788
69789
69790
69791
69792
69793
69794
69795
69796
69797
69798
69799
69800
69801
69802
69803
69804
69805
69806
69807
69808
69809
69810
69811
69812
69813
69814
69815
69816
69817
69818
69819
69820
69821
69822
69823
69824
69825
69826
69827
69828
69829
69830
69831
69832
69833
69834
69835
69836
69837
69838
69839
69840
69841
69842
69843
69844
69845
69846
69847
69848
69849
69850
69851
69852
69853
69854
69855
69856
69857
69858
69859
69860
69861
69862
69863
69864
69865
69866
69867
69868
69869
69870
69871
69872
69873
69874
69875
69876
69877
69878
69879
69880
69881
69882
69883
69884
69885
69886
69887
69888
69889
69890
69891
69892
69893
69894
69895
69896
69897
69898
69899
69900
69901
69902
69903
69904
69905
69906
69907
69908
69909
69910
69911
69912
69913
69914
69915
69916
69917
69918
69919
69920
69921
69922
69923
69924
69925
69926
69927
69928
69929
69930
69931
69932
69933
69934
69935
69936
69937
69938
69939
69940
69941
69942
69943
69944
69945
69946
69947
69948
69949
69950
69951
69952
69953
69954
69955
69956
69957
69958
69959
69960
69961
69962
69963
69964
69965
69966
69967
69968
69969
69970
69971
69972
69973
69974
69975
69976
69977
69978
69979
69980
69981
69982
69983
69984
69985
69986
69987
69988
69989
69990
69991
69992
69993
69994
69995
69996
69997
69998
69999
70000
70001
70002
70003
70004
70005
70006
70007
70008
70009
70010
70011
70012
70013
70014
70015
70016
70017
70018
70019
70020
70021
70022
70023
70024
70025
70026
70027
70028
70029
70030
70031
70032
70033
70034
70035
70036
70037
70038
70039
70040
70041
70042
70043
70044
70045
70046
70047
70048
70049
70050
70051
70052
70053
70054
70055
70056
70057
70058
70059
70060
70061
70062
70063
70064
70065
70066
70067
70068
70069
70070
70071
70072
70073
70074
70075
70076
70077
70078
70079
70080
70081
70082
70083
70084
70085
70086
70087
70088
70089
70090
70091
70092
70093
70094
70095
70096
70097
70098
70099
70100
70101
70102
70103
70104
70105
70106
70107
70108
70109
70110
70111
70112
70113
70114
70115
70116
70117
70118
70119
70120
70121
70122
70123
70124
70125
70126
70127
70128
70129
70130
70131
70132
70133
70134
70135
70136
70137
70138
70139
70140
70141
70142
70143
70144
70145
70146
70147
70148
70149
70150
70151
70152
70153
70154
70155
70156
70157
70158
70159
70160
70161
70162
70163
70164
70165
70166
70167
70168
70169
70170
70171
70172
70173
70174
70175
70176
70177
70178
70179
70180
70181
70182
70183
70184
70185
70186
70187
70188
70189
70190
70191
70192
70193
70194
70195
70196
70197
70198
70199
70200
70201
70202
70203
70204
70205
70206
70207
70208
70209
70210
70211
70212
70213
70214
70215
70216
70217
70218
70219
70220
70221
70222
70223
70224
70225
70226
70227
70228
70229
70230
70231
70232
70233
70234
70235
70236
70237
70238
70239
70240
70241
70242
70243
70244
70245
70246
70247
70248
70249
70250
70251
70252
70253
70254
70255
70256
70257
70258
70259
70260
70261
70262
70263
70264
70265
70266
70267
70268
70269
70270
70271
70272
70273
70274
70275
70276
70277
70278
70279
70280
70281
70282
70283
70284
70285
70286
70287
70288
70289
70290
70291
70292
70293
70294
70295
70296
70297
70298
70299
70300
70301
70302
70303
70304
70305
70306
70307
70308
70309
70310
70311
70312
70313
70314
70315
70316
70317
70318
70319
70320
70321
70322
70323
70324
70325
70326
70327
70328
70329
70330
70331
70332
70333
70334
70335
70336
70337
70338
70339
70340
70341
70342
70343
70344
70345
70346
70347
70348
70349
70350
70351
70352
70353
70354
70355
70356
70357
70358
70359
70360
70361
70362
70363
70364
70365
70366
70367
70368
70369
70370
70371
70372
70373
70374
70375
70376
70377
70378
70379
70380
70381
70382
70383
70384
70385
70386
70387
70388
70389
70390
70391
70392
70393
70394
70395
70396
70397
70398
70399
70400
70401
70402
70403
70404
70405
70406
70407
70408
70409
70410
70411
70412
70413
70414
70415
70416
70417
70418
70419
70420
70421
70422
70423
70424
70425
70426
70427
70428
70429
70430
70431
70432
70433
70434
70435
70436
70437
70438
70439
70440
70441
70442
70443
70444
70445
70446
70447
70448
70449
70450
70451
70452
70453
70454
70455
70456
70457
70458
70459
70460
70461
70462
70463
70464
70465
70466
70467
70468
70469
70470
70471
70472
70473
70474
70475
70476
70477
70478
70479
70480
70481
70482
70483
70484
70485
70486
70487
70488
70489
70490
70491
70492
70493
70494
70495
70496
70497
70498
70499
70500
70501
70502
70503
70504
70505
70506
70507
70508
70509
70510
70511
70512
70513
70514
70515
70516
70517
70518
70519
70520
70521
70522
70523
70524
70525
70526
70527
70528
70529
70530
70531
70532
70533
70534
70535
70536
70537
70538
70539
70540
70541
70542
70543
70544
70545
70546
70547
70548
70549
70550
70551
70552
70553
70554
70555
70556
70557
70558
70559
70560
70561
70562
70563
70564
70565
70566
70567
70568
70569
70570
70571
70572
70573
70574
70575
70576
70577
70578
70579
70580
70581
70582
70583
70584
70585
70586
70587
70588
70589
70590
70591
70592
70593
70594
70595
70596
70597
70598
70599
70600
70601
70602
70603
70604
70605
70606
70607
70608
70609
70610
70611
70612
70613
70614
70615
70616
70617
70618
70619
70620
70621
70622
70623
70624
70625
70626
70627
70628
70629
70630
70631
70632
70633
70634
70635
70636
70637
70638
70639
70640
70641
70642
70643
70644
70645
70646
70647
70648
70649
70650
70651
70652
70653
70654
70655
70656
70657
70658
70659
70660
70661
70662
70663
70664
70665
70666
70667
70668
70669
70670
70671
70672
70673
70674
70675
70676
70677
70678
70679
70680
70681
70682
70683
70684
70685
70686
70687
70688
70689
70690
70691
70692
70693
70694
70695
70696
70697
70698
70699
70700
70701
70702
70703
70704
70705
70706
70707
70708
70709
70710
70711
70712
70713
70714
70715
70716
70717
70718
70719
70720
70721
70722
70723
70724
70725
70726
70727
70728
70729
70730
70731
70732
70733
70734
70735
70736
70737
70738
70739
70740
70741
70742
70743
70744
70745
70746
70747
70748
70749
70750
70751
70752
70753
70754
70755
70756
70757
70758
70759
70760
70761
70762
70763
70764
70765
70766
70767
70768
70769
70770
70771
70772
70773
70774
70775
70776
70777
70778
70779
70780
70781
70782
70783
70784
70785
70786
70787
70788
70789
70790
70791
70792
70793
70794
70795
70796
70797
70798
70799
70800
70801
70802
70803
70804
70805
70806
70807
70808
70809
70810
70811
70812
70813
70814
70815
70816
70817
70818
70819
70820
70821
70822
70823
70824
70825
70826
70827
70828
70829
70830
70831
70832
70833
70834
70835
70836
70837
70838
70839
70840
70841
70842
70843
70844
70845
70846
70847
70848
70849
70850
70851
70852
70853
70854
70855
70856
70857
70858
70859
70860
70861
70862
70863
70864
70865
70866
70867
70868
70869
70870
70871
70872
70873
70874
70875
70876
70877
70878
70879
70880
70881
70882
70883
70884
70885
70886
70887
70888
70889
70890
70891
70892
70893
70894
70895
70896
70897
70898
70899
70900
70901
70902
70903
70904
70905
70906
70907
70908
70909
70910
70911
70912
70913
70914
70915
70916
70917
70918
70919
70920
70921
70922
70923
70924
70925
70926
70927
70928
70929
70930
70931
70932
70933
70934
70935
70936
70937
70938
70939
70940
70941
70942
70943
70944
70945
70946
70947
70948
70949
70950
70951
70952
70953
70954
70955
70956
70957
70958
70959
70960
70961
70962
70963
70964
70965
70966
70967
70968
70969
70970
70971
70972
70973
70974
70975
70976
70977
70978
70979
70980
70981
70982
70983
70984
70985
70986
70987
70988
70989
70990
70991
70992
70993
70994
70995
70996
70997
70998
70999
71000
71001
71002
71003
71004
71005
71006
71007
71008
71009
71010
71011
71012
71013
71014
71015
71016
71017
71018
71019
71020
71021
71022
71023
71024
71025
71026
71027
71028
71029
71030
71031
71032
71033
71034
71035
71036
71037
71038
71039
71040
71041
71042
71043
71044
71045
71046
71047
71048
71049
71050
71051
71052
71053
71054
71055
71056
71057
71058
71059
71060
71061
71062
71063
71064
71065
71066
71067
71068
71069
71070
71071
71072
71073
71074
71075
71076
71077
71078
71079
71080
71081
71082
71083
71084
71085
71086
71087
71088
71089
71090
71091
71092
71093
71094
71095
71096
71097
71098
71099
71100
71101
71102
71103
71104
71105
71106
71107
71108
71109
71110
71111
71112
71113
71114
71115
71116
71117
71118
71119
71120
71121
71122
71123
71124
71125
71126
71127
71128
71129
71130
71131
71132
71133
71134
71135
71136
71137
71138
71139
71140
71141
71142
71143
71144
71145
71146
71147
71148
71149
71150
71151
71152
71153
71154
71155
71156
71157
71158
71159
71160
71161
71162
71163
71164
71165
71166
71167
71168
71169
71170
71171
71172
71173
71174
71175
71176
71177
71178
71179
71180
71181
71182
71183
71184
71185
71186
71187
71188
71189
71190
71191
71192
71193
71194
71195
71196
71197
71198
71199
71200
71201
71202
71203
71204
71205
71206
71207
71208
71209
71210
71211
71212
71213
71214
71215
71216
71217
71218
71219
71220
71221
71222
71223
71224
71225
71226
71227
71228
71229
71230
71231
71232
71233
71234
71235
71236
71237
71238
71239
71240
71241
71242
71243
71244
71245
71246
71247
71248
71249
71250
71251
71252
71253
71254
71255
71256
71257
71258
71259
71260
71261
71262
71263
71264
71265
71266
71267
71268
71269
71270
71271
71272
71273
71274
71275
71276
71277
71278
71279
71280
71281
71282
71283
71284
71285
71286
71287
71288
71289
71290
71291
71292
71293
71294
71295
71296
71297
71298
71299
71300
71301
71302
71303
71304
71305
71306
71307
71308
71309
71310
71311
71312
71313
71314
71315
71316
71317
71318
71319
71320
71321
71322
71323
71324
71325
71326
71327
71328
71329
71330
71331
71332
71333
71334
71335
71336
71337
71338
71339
71340
71341
71342
71343
71344
71345
71346
71347
71348
71349
71350
71351
71352
71353
71354
71355
71356
71357
71358
71359
71360
71361
71362
71363
71364
71365
71366
71367
71368
71369
71370
71371
71372
71373
71374
71375
71376
71377
71378
71379
71380
71381
71382
71383
71384
71385
71386
71387
71388
71389
71390
71391
71392
71393
71394
71395
71396
71397
71398
71399
71400
71401
71402
71403
71404
71405
71406
71407
71408
71409
71410
71411
71412
71413
71414
71415
71416
71417
71418
71419
71420
71421
71422
71423
71424
71425
71426
71427
71428
71429
71430
71431
71432
71433
71434
71435
71436
71437
71438
71439
71440
71441
71442
71443
71444
71445
71446
71447
71448
71449
71450
71451
71452
71453
71454
71455
71456
71457
71458
71459
71460
71461
71462
71463
71464
71465
71466
71467
71468
71469
71470
71471
71472
71473
71474
71475
71476
71477
71478
71479
71480
71481
71482
71483
71484
71485
71486
71487
71488
71489
71490
71491
71492
71493
71494
71495
71496
71497
71498
71499
71500
71501
71502
71503
71504
71505
71506
71507
71508
71509
71510
71511
71512
71513
71514
71515
71516
71517
71518
71519
71520
71521
71522
71523
71524
71525
71526
71527
71528
71529
71530
71531
71532
71533
71534
71535
71536
71537
71538
71539
71540
71541
71542
71543
71544
71545
71546
71547
71548
71549
71550
71551
71552
71553
71554
71555
71556
71557
71558
71559
71560
71561
71562
71563
71564
71565
71566
71567
71568
71569
71570
71571
71572
71573
71574
71575
71576
71577
71578
71579
71580
71581
71582
71583
71584
71585
71586
71587
71588
71589
71590
71591
71592
71593
71594
71595
71596
71597
71598
71599
71600
71601
71602
71603
71604
71605
71606
71607
71608
71609
71610
71611
71612
71613
71614
71615
71616
71617
71618
71619
71620
71621
71622
71623
71624
71625
71626
71627
71628
71629
71630
71631
71632
71633
71634
71635
71636
71637
71638
71639
71640
71641
71642
71643
71644
71645
71646
71647
71648
71649
71650
71651
71652
71653
71654
71655
71656
71657
71658
71659
71660
71661
71662
71663
71664
71665
71666
71667
71668
71669
71670
71671
71672
71673
71674
71675
71676
71677
71678
71679
71680
71681
71682
71683
71684
71685
71686
71687
71688
71689
71690
71691
71692
71693
71694
71695
71696
71697
71698
71699
71700
71701
71702
71703
71704
71705
71706
71707
71708
71709
71710
71711
71712
71713
71714
71715
71716
71717
71718
71719
71720
71721
71722
71723
71724
71725
71726
71727
71728
71729
71730
71731
71732
71733
71734
71735
71736
71737
71738
71739
71740
71741
71742
71743
71744
71745
71746
71747
71748
71749
71750
71751
71752
71753
71754
71755
71756
71757
71758
71759
71760
71761
71762
71763
71764
71765
71766
71767
71768
71769
71770
71771
71772
71773
71774
71775
71776
71777
71778
71779
71780
71781
71782
71783
71784
71785
71786
71787
71788
71789
71790
71791
71792
71793
71794
71795
71796
71797
71798
71799
71800
71801
71802
71803
71804
71805
71806
71807
71808
71809
71810
71811
71812
71813
71814
71815
71816
71817
71818
71819
71820
71821
71822
71823
71824
71825
71826
71827
71828
71829
71830
71831
71832
71833
71834
71835
71836
71837
71838
71839
71840
71841
71842
71843
71844
71845
71846
71847
71848
71849
71850
71851
71852
71853
71854
71855
71856
71857
71858
71859
71860
71861
71862
71863
71864
71865
71866
71867
71868
71869
71870
71871
71872
71873
71874
71875
71876
71877
71878
71879
71880
71881
71882
71883
71884
71885
71886
71887
71888
71889
71890
71891
71892
71893
71894
71895
71896
71897
71898
71899
71900
71901
71902
71903
71904
71905
71906
71907
71908
71909
71910
71911
71912
71913
71914
71915
71916
71917
71918
71919
71920
71921
71922
71923
71924
71925
71926
71927
71928
71929
71930
71931
71932
71933
71934
71935
71936
71937
71938
71939
71940
71941
71942
71943
71944
71945
71946
71947
71948
71949
71950
71951
71952
71953
71954
71955
71956
71957
71958
71959
71960
71961
71962
71963
71964
71965
71966
71967
71968
71969
71970
71971
71972
71973
71974
71975
71976
71977
71978
71979
71980
71981
71982
71983
71984
71985
71986
71987
71988
71989
71990
71991
71992
71993
71994
71995
71996
71997
71998
71999
72000
72001
72002
72003
72004
72005
72006
72007
72008
72009
72010
72011
72012
72013
72014
72015
72016
72017
72018
72019
72020
72021
72022
72023
72024
72025
72026
72027
72028
72029
72030
72031
72032
72033
72034
72035
72036
72037
72038
72039
72040
72041
72042
72043
72044
72045
72046
72047
72048
72049
72050
72051
72052
72053
72054
72055
72056
72057
72058
72059
72060
72061
72062
72063
72064
72065
72066
72067
72068
72069
72070
72071
72072
72073
72074
72075
72076
72077
72078
72079
72080
72081
72082
72083
72084
72085
72086
72087
72088
72089
72090
72091
72092
72093
72094
72095
72096
72097
72098
72099
72100
72101
72102
72103
72104
72105
72106
72107
72108
72109
72110
72111
72112
72113
72114
72115
72116
72117
72118
72119
72120
72121
72122
72123
72124
72125
72126
72127
72128
72129
72130
72131
72132
72133
72134
72135
72136
72137
72138
72139
72140
72141
72142
72143
72144
72145
72146
72147
72148
72149
72150
72151
72152
72153
72154
72155
72156
72157
72158
72159
72160
72161
72162
72163
72164
72165
72166
72167
72168
72169
72170
72171
72172
72173
72174
72175
72176
72177
72178
72179
72180
72181
72182
72183
72184
72185
72186
72187
72188
72189
72190
72191
72192
72193
72194
72195
72196
72197
72198
72199
72200
72201
72202
72203
72204
72205
72206
72207
72208
72209
72210
72211
72212
72213
72214
72215
72216
72217
72218
72219
72220
72221
72222
72223
72224
72225
72226
72227
72228
72229
72230
72231
72232
72233
72234
72235
72236
72237
72238
72239
72240
72241
72242
72243
72244
72245
72246
72247
72248
72249
72250
72251
72252
72253
72254
72255
72256
72257
72258
72259
72260
72261
72262
72263
72264
72265
72266
72267
72268
72269
72270
72271
72272
72273
72274
72275
72276
72277
72278
72279
72280
72281
72282
72283
72284
72285
72286
72287
72288
72289
72290
72291
72292
72293
72294
72295
72296
72297
72298
72299
72300
72301
72302
72303
72304
72305
72306
72307
72308
72309
72310
72311
72312
72313
72314
72315
72316
72317
72318
72319
72320
72321
72322
72323
72324
72325
72326
72327
72328
72329
72330
72331
72332
72333
72334
72335
72336
72337
72338
72339
72340
72341
72342
72343
72344
72345
72346
72347
72348
72349
72350
72351
72352
72353
72354
72355
72356
72357
72358
72359
72360
72361
72362
72363
72364
72365
72366
72367
72368
72369
72370
72371
72372
72373
72374
72375
72376
72377
72378
72379
72380
72381
72382
72383
72384
72385
72386
72387
72388
72389
72390
72391
72392
72393
72394
72395
72396
72397
72398
72399
72400
72401
72402
72403
72404
72405
72406
72407
72408
72409
72410
72411
72412
72413
72414
72415
72416
72417
72418
72419
72420
72421
72422
72423
72424
72425
72426
72427
72428
72429
72430
72431
72432
72433
72434
72435
72436
72437
72438
72439
72440
72441
72442
72443
72444
72445
72446
72447
72448
72449
72450
72451
72452
72453
72454
72455
72456
72457
72458
72459
72460
72461
72462
72463
72464
72465
72466
72467
72468
72469
72470
72471
72472
72473
72474
72475
72476
72477
72478
72479
72480
72481
72482
72483
72484
72485
72486
72487
72488
72489
72490
72491
72492
72493
72494
72495
72496
72497
72498
72499
72500
72501
72502
72503
72504
72505
72506
72507
72508
72509
72510
72511
72512
72513
72514
72515
72516
72517
72518
72519
72520
72521
72522
72523
72524
72525
72526
72527
72528
72529
72530
72531
72532
72533
72534
72535
72536
72537
72538
72539
72540
72541
72542
72543
72544
72545
72546
72547
72548
72549
72550
72551
72552
72553
72554
72555
72556
72557
72558
72559
72560
72561
72562
72563
72564
72565
72566
72567
72568
72569
72570
72571
72572
72573
72574
72575
72576
72577
72578
72579
72580
72581
72582
72583
72584
72585
72586
72587
72588
72589
72590
72591
72592
72593
72594
72595
72596
72597
72598
72599
72600
72601
72602
72603
72604
72605
72606
72607
72608
72609
72610
72611
72612
72613
72614
72615
72616
72617
72618
72619
72620
72621
72622
72623
72624
72625
72626
72627
72628
72629
72630
72631
72632
72633
72634
72635
72636
72637
72638
72639
72640
72641
72642
72643
72644
72645
72646
72647
72648
72649
72650
72651
72652
72653
72654
72655
72656
72657
72658
72659
72660
72661
72662
72663
72664
72665
72666
72667
72668
72669
72670
72671
72672
72673
72674
72675
72676
72677
72678
72679
72680
72681
72682
72683
72684
72685
72686
72687
72688
72689
72690
72691
72692
72693
72694
72695
72696
72697
72698
72699
72700
72701
72702
72703
72704
72705
72706
72707
72708
72709
72710
72711
72712
72713
72714
72715
72716
72717
72718
72719
72720
72721
72722
72723
72724
72725
72726
72727
72728
72729
72730
72731
72732
72733
72734
72735
72736
72737
72738
72739
72740
72741
72742
72743
72744
72745
72746
72747
72748
72749
72750
72751
72752
72753
72754
72755
72756
72757
72758
72759
72760
72761
72762
72763
72764
72765
72766
72767
72768
72769
72770
72771
72772
72773
72774
72775
72776
72777
72778
72779
72780
72781
72782
72783
72784
72785
72786
72787
72788
72789
72790
72791
72792
72793
72794
72795
72796
72797
72798
72799
72800
72801
72802
72803
72804
72805
72806
72807
72808
72809
72810
72811
72812
72813
72814
72815
72816
72817
72818
72819
72820
72821
72822
72823
72824
72825
72826
72827
72828
72829
72830
72831
72832
72833
72834
72835
72836
72837
72838
72839
72840
72841
72842
72843
72844
72845
72846
72847
72848
72849
72850
72851
72852
72853
72854
72855
72856
72857
72858
72859
72860
72861
72862
72863
72864
72865
72866
72867
72868
72869
72870
72871
72872
72873
72874
72875
72876
72877
72878
72879
72880
72881
72882
72883
72884
72885
72886
72887
72888
72889
72890
72891
72892
72893
72894
72895
72896
72897
72898
72899
72900
72901
72902
72903
72904
72905
72906
72907
72908
72909
72910
72911
72912
72913
72914
72915
72916
72917
72918
72919
72920
72921
72922
72923
72924
72925
72926
72927
72928
72929
72930
72931
72932
72933
72934
72935
72936
72937
72938
72939
72940
72941
72942
72943
72944
72945
72946
72947
72948
72949
72950
72951
72952
72953
72954
72955
72956
72957
72958
72959
72960
72961
72962
72963
72964
72965
72966
72967
72968
72969
72970
72971
72972
72973
72974
72975
72976
72977
72978
72979
72980
72981
72982
72983
72984
72985
72986
72987
72988
72989
72990
72991
72992
72993
72994
72995
72996
72997
72998
72999
73000
73001
73002
73003
73004
73005
73006
73007
73008
73009
73010
73011
73012
73013
73014
73015
73016
73017
73018
73019
73020
73021
73022
73023
73024
73025
73026
73027
73028
73029
73030
73031
73032
73033
73034
73035
73036
73037
73038
73039
73040
73041
73042
73043
73044
73045
73046
73047
73048
73049
73050
73051
73052
73053
73054
73055
73056
73057
73058
73059
73060
73061
73062
73063
73064
73065
73066
73067
73068
73069
73070
73071
73072
73073
73074
73075
73076
73077
73078
73079
73080
73081
73082
73083
73084
73085
73086
73087
73088
73089
73090
73091
73092
73093
73094
73095
73096
73097
73098
73099
73100
73101
73102
73103
73104
73105
73106
73107
73108
73109
73110
73111
73112
73113
73114
73115
73116
73117
73118
73119
73120
73121
73122
73123
73124
73125
73126
73127
73128
73129
73130
73131
73132
73133
73134
73135
73136
73137
73138
73139
73140
73141
73142
73143
73144
73145
73146
73147
73148
73149
73150
73151
73152
73153
73154
73155
73156
73157
73158
73159
73160
73161
73162
73163
73164
73165
73166
73167
73168
73169
73170
73171
73172
73173
73174
73175
73176
73177
73178
73179
73180
73181
73182
73183
73184
73185
73186
73187
73188
73189
73190
73191
73192
73193
73194
73195
73196
73197
73198
73199
73200
73201
73202
73203
73204
73205
73206
73207
73208
73209
73210
73211
73212
73213
73214
73215
73216
73217
73218
73219
73220
73221
73222
73223
73224
73225
73226
73227
73228
73229
73230
73231
73232
73233
73234
73235
73236
73237
73238
73239
73240
73241
73242
73243
73244
73245
73246
73247
73248
73249
73250
73251
73252
73253
73254
73255
73256
73257
73258
73259
73260
73261
73262
73263
73264
73265
73266
73267
73268
73269
73270
73271
73272
73273
73274
73275
73276
73277
73278
73279
73280
73281
73282
73283
73284
73285
73286
73287
73288
73289
73290
73291
73292
73293
73294
73295
73296
73297
73298
73299
73300
73301
73302
73303
73304
73305
73306
73307
73308
73309
73310
73311
73312
73313
73314
73315
73316
73317
73318
73319
73320
73321
73322
73323
73324
73325
73326
73327
73328
73329
73330
73331
73332
73333
73334
73335
73336
73337
73338
73339
73340
73341
73342
73343
73344
73345
73346
73347
73348
73349
73350
73351
73352
73353
73354
73355
73356
73357
73358
73359
73360
73361
73362
73363
73364
73365
73366
73367
73368
73369
73370
73371
73372
73373
73374
73375
73376
73377
73378
73379
73380
73381
73382
73383
73384
73385
73386
73387
73388
73389
73390
73391
73392
73393
73394
73395
73396
73397
73398
73399
73400
73401
73402
73403
73404
73405
73406
73407
73408
73409
73410
73411
73412
73413
73414
73415
73416
73417
73418
73419
73420
73421
73422
73423
73424
73425
73426
73427
73428
73429
73430
73431
73432
73433
73434
73435
73436
73437
73438
73439
73440
73441
73442
73443
73444
73445
73446
73447
73448
73449
73450
73451
73452
73453
73454
73455
73456
73457
73458
73459
73460
73461
73462
73463
73464
73465
73466
73467
73468
73469
73470
73471
73472
73473
73474
73475
73476
73477
73478
73479
73480
73481
73482
73483
73484
73485
73486
73487
73488
73489
73490
73491
73492
73493
73494
73495
73496
73497
73498
73499
73500
73501
73502
73503
73504
73505
73506
73507
73508
73509
73510
73511
73512
73513
73514
73515
73516
73517
73518
73519
73520
73521
73522
73523
73524
73525
73526
73527
73528
73529
73530
73531
73532
73533
73534
73535
73536
73537
73538
73539
73540
73541
73542
73543
73544
73545
73546
73547
73548
73549
73550
73551
73552
73553
73554
73555
73556
73557
73558
73559
73560
73561
73562
73563
73564
73565
73566
73567
73568
73569
73570
73571
73572
73573
73574
73575
73576
73577
73578
73579
73580
73581
73582
73583
73584
73585
73586
73587
73588
73589
73590
73591
73592
73593
73594
73595
73596
73597
73598
73599
73600
73601
73602
73603
73604
73605
73606
73607
73608
73609
73610
73611
73612
73613
73614
73615
73616
73617
73618
73619
73620
73621
73622
73623
73624
73625
73626
73627
73628
73629
73630
73631
73632
73633
73634
73635
73636
73637
73638
73639
73640
73641
73642
73643
73644
73645
73646
73647
73648
73649
73650
73651
73652
73653
73654
73655
73656
73657
73658
73659
73660
73661
73662
73663
73664
73665
73666
73667
73668
73669
73670
73671
73672
73673
73674
73675
73676
73677
73678
73679
73680
73681
73682
73683
73684
73685
73686
73687
73688
73689
73690
73691
73692
73693
73694
73695
73696
73697
73698
73699
73700
73701
73702
73703
73704
73705
73706
73707
73708
73709
73710
73711
73712
73713
73714
73715
73716
73717
73718
73719
73720
73721
73722
73723
73724
73725
73726
73727
73728
73729
73730
73731
73732
73733
73734
73735
73736
73737
73738
73739
73740
73741
73742
73743
73744
73745
73746
73747
73748
73749
73750
73751
73752
73753
73754
73755
73756
73757
73758
73759
73760
73761
73762
73763
73764
73765
73766
73767
73768
73769
73770
73771
73772
73773
73774
73775
73776
73777
73778
73779
73780
73781
73782
73783 | 2
2
2
1
2
2
2
2
1
2
2
2
2
1
2
2
2
2
2
2
1
1
2
2
2
4
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
6
4
4
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
1
2
2
2
2
1
1
1
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
4
2
2
2
2
2
1
2
2
2
2
2
2
1
2
2
2
1
2
2
2
2
2
2
2
2
4
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
4
2
2
2
2
1
2
2
1
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
1
2
1
2
2
2
2
2
4
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
8
6
6
2
2
2
2
2
2
2
2
1
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
10
6
6
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
1
2
2
2
2
1
2
2
1
2
2
2
2
2
2
1
1
2
2
24
24
24
2
1
60
2
2
2
2
1
50
2
2
2
2
2
2
2
1
2
2
2
2
2
1
1
1
14
14
14
14
14
2
2
1
1
1
1
10
10
1
10
2
10
10
10
1
38
10
10
10
2
10
2
2
2
1
12
1
10
10
2
10
10
10
1
12
12
12
12
1
16
1
16
8
16
16
16
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
8
2
2
2
2
2
2
2
2
2
2
2
1
64
64
64
1
2
2
2
2
2
1
2
2
2
1
2
2
2
2
2
2
2
2
1
1
1
1
2
1
2
2
2
2
1
1
1
1
1
1
1
1
1
1
1
1
2
1
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
1
2
1
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
1
2
2
2
1
2
1
1
1
1
1
1
1
1
1
2
2
1
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
1
1
1
2
2
1
2
2
2
2
2
2
1
2
1
2
2
2
2
2
1
2
2
2
2
2
1
2
1
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
1
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
1
2
2
1
2
2
2
1
2
2
2
2
1
2
2
2
2
1
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
1
1
2
1
2
2
2
2
1
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
1
2
2
2
1
2
2
2
2
2
1
2
1
2
1
1
4
4
4
1
1
2
1
2
2
2
2
2
2
2
1
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
1
2
2
2
1
2
2
2
2
2
2
1
2
1
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
1
2
2
2
2
1
2
2
1
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
1
1
2
1
1
1
1
2
1
2
2
2
1
2
2
1
1
1
1
2
1
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
1
2
2
2
2
2
1
2
2
2
2
2
2
2
1
2
1
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
1
2
2
2
2
2
1
2
1
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
1
1
1
1
1
2
1
1
1
1
1
1
2
2
1
14
14
14
14
14
2
2
2
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
2
1
1
1
1
1
1
1
2
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
2
2
2
1
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
1
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
1
2
2
2
1
2
1
2
2
1
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
1
1
1
1
1
1
1
1
1
2
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
2
2
2
2
2
2
2
2
2
1
1
1
1
2
1
1
1
1
1
1
1
1
1
1
1
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
1
1
1
1
1
1
1
1
2
1
1
1
1
2
1
2
2
2
2
2
2
2
2
2
2
1
1
1
1
1
2
1
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
1
1
1
2
1
2
2
2
1
2
6
6
6
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
1
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
1
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
1
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
1
2
1
2
1
2
2
2
2
2
2
2
2
2
1
2
2
1
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
1
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
1
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
1
2
1
2
2
2
2
2
1
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
1
2
1
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
1
8
1
2
1
8
1
1
4
4
1
10
10
1
86
86
86
1
34
34
20
14
34
1
16
1
82
2
1
1
2
1
2
2
2
1
2
1
2
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
1
1
2
2
1
2
2
2
2
2
1
1
1
1
2
2
1
2
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
2
2
2
1
2
2
2
2
2
2
30
30
30
2
1
1
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
1
1
1
2
1
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
1
2
2
2
2
2
1
2
2
2
2
2
2
2
2
1
2
1
2
1
1
2
2
2
1
2
2
2
2
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
1
1
1
1
2
1
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
1
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
1
1
2
2
1
1
16
16
344
344
16
1
10
10
26
10
10
26
26
572
572
10
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
1
2
2
1
1
1
2
2
2
2
2
2
2
2
1
1
2
1
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
1
2
2
2
2
1
2
2
2
2
1
2
2
2
2
1
2
2
2
2
2
1
1
1
2
1
2
2
2
2
2
2
1
2
2
1
2
2
2
2
2
6
4
4
2
2
2
2
2
2
2
1
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
1
1
2
2
2
2
4
2
2
2
1
2
2
1
2
2
2
2
1
2
2
2
34
34
34
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
1
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
1
1
1
1
1
2
2
2
1
2
2
2
2
2
2
2
2
1
2
2
1
2
2
2
2
2
2
2
2
2
2
1
1
2
2
1
2
2
2
2
2
2
2
1
2
2
1
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
1
1
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
1
1
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
1
1
1
1
1
1
1
1
1
2
1
1
2
2
1
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
2
2
2
1
1
1
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
1
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
1
2
2
2
2
1
2
2
2
2
1
2
2
2
2
2
2
2
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
2
1
2
1
2
2
2
2
2
2
2
2
2
2
2
1
2
2
1
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
1
1
1
2
1
1
1
1
2
1
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
6
2
2
2
1
1
1
1
2
2
1
2
1
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
1
2
2
2
2
2
2
2
2
1
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
12
12
12
2
2
1
2
2
2
2
1
2
2
2
2
1
2
2
2
2
1
2
2
2
2
1
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
12
12
12
2
2
1
2
2
2
2
1
2
2
2
2
1
2
2
2
2
1
2
2
2
2
1
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
1
2
1
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
1
2
1
2
2
1
2
2
1
1
1
1
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
1
2
2
2
1
1
2
1
1
1
1
1
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
1
1
1
2
1
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
1
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
12
12
12
2
2
1
2
2
2
2
1
2
2
2
2
1
2
2
2
2
1
2
2
2
2
1
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
2
2
2
2
1
2
2
2
2
1
1
2
2
1
2
2
2
2
2
2
1
1
1
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
8
8
8
2
2
1
2
2
2
2
1
2
2
2
2
1
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
1
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
4
4
4
2
2
1
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
1
1
1
1
1
2
2
1
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
10
10
10
2
2
1
2
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
1
2
2
2
2
1
2
1
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
1
2
1
2
2
2
2
2
2
2
2
2
2
2
12
12
12
2
2
1
2
2
2
2
1
2
2
2
2
1
2
2
2
2
1
2
2
2
2
1
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
1
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
1
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
1
2
2
2
2
2
2
1
2
2
2
2
2
2
1
2
2
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
4
4
4
2
2
1
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
1
1
1
1
1
2
1
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
1
1
1
1
1
1
1
2
2
1
1
1
1
1
1
1
1
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
1
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
1
2
2
2
2
1
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
1
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
1
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
1
1
2
1
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
1
1
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
1
2
2
2
2
1
1
1
1
1
1
1
1
1
1
1
1
1
2
1
1
1
2
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
2
1
1
2
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
1
1
2
1
1
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
1
2
2
2
2
2
1
2
2
2
2
1
2
2
2
2
1
2
2
2
2
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
2
1
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
2
1
2
2
2
2
2
2
2
6
6
6
2
1
2
2
2
2
2
2
2
2
1
2
2
2
2
1
2
2
2
2
1
2
2
1
2
2
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
| (function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
typeof define === 'function' && define.amd ? define(['exports'], factory) :
(factory((global.ionicBundle = global.ionicBundle || {})));
}(this, (function (exports) { 'use strict';
var commonjsGlobal = typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
function createCommonjsModule(fn, module) {
return module = { exports: {} }, fn(module, module.exports), module.exports;
}
var root = createCommonjsModule(function (module, exports) {
"use strict";
/**
* window: browser in DOM main thread
* self: browser in WebWorker
* global: Node.js/other
*/
exports.root = (typeof window == 'object' && window.window === window && window
|| typeof self == 'object' && self.self === self && self
|| typeof commonjsGlobal == 'object' && commonjsGlobal.global === commonjsGlobal && commonjsGlobal);
Iif (!exports.root) {
throw new Error('RxJS could not find any global context (window, self, global)');
}
});
function isFunction(x) {
return typeof x === 'function';
}
var isFunction_2 = isFunction;
var isFunction_1$1 = {
isFunction: isFunction_2
};
var isArray_1$1 = Array.isArray || (function (x) { return x && typeof x.length === 'number'; });
var isArray = {
isArray: isArray_1$1
};
function isObject(x) {
return x != null && typeof x === 'object';
}
var isObject_2 = isObject;
var isObject_1$1 = {
isObject: isObject_2
};
// typeof any so that it we don't have to cast when comparing a result to the error object
var errorObject_1$2 = { e: {} };
var errorObject = {
errorObject: errorObject_1$2
};
var errorObject_1$1 = errorObject;
var tryCatchTarget;
function tryCatcher() {
try {
return tryCatchTarget.apply(this, arguments);
}
catch (e) {
errorObject_1$1.errorObject.e = e;
return errorObject_1$1.errorObject;
}
}
function tryCatch(fn) {
tryCatchTarget = fn;
return tryCatcher;
}
var tryCatch_2 = tryCatch;
var tryCatch_1$1 = {
tryCatch: tryCatch_2
};
var __extends$2 = (commonjsGlobal && commonjsGlobal.__extends) || function (d, b) {
for (var p in b) Eif (b.hasOwnProperty(p)) d[p] = b[p];
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
/**
* An error thrown when one or more errors have occurred during the
* `unsubscribe` of a {@link Subscription}.
*/
var UnsubscriptionError = (function (_super) {
__extends$2(UnsubscriptionError, _super);
function UnsubscriptionError(errors) {
_super.call(this);
this.errors = errors;
var err = Error.call(this, errors ?
errors.length + " errors occurred during unsubscription:\n " + errors.map(function (err, i) { return ((i + 1) + ") " + err.toString()); }).join('\n ') : '');
this.name = err.name = 'UnsubscriptionError';
this.stack = err.stack;
this.message = err.message;
}
return UnsubscriptionError;
}(Error));
var UnsubscriptionError_2 = UnsubscriptionError;
var UnsubscriptionError_1$1 = {
UnsubscriptionError: UnsubscriptionError_2
};
var isArray_1 = isArray;
var isObject_1 = isObject_1$1;
var isFunction_1$3 = isFunction_1$1;
var tryCatch_1 = tryCatch_1$1;
var errorObject_1 = errorObject;
var UnsubscriptionError_1 = UnsubscriptionError_1$1;
/**
* Represents a disposable resource, such as the execution of an Observable. A
* Subscription has one important method, `unsubscribe`, that takes no argument
* and just disposes the resource held by the subscription.
*
* Additionally, subscriptions may be grouped together through the `add()`
* method, which will attach a child Subscription to the current Subscription.
* When a Subscription is unsubscribed, all its children (and its grandchildren)
* will be unsubscribed as well.
*
* @class Subscription
*/
var Subscription = (function () {
/**
* @param {function(): void} [unsubscribe] A function describing how to
* perform the disposal of resources when the `unsubscribe` method is called.
*/
function Subscription(unsubscribe) {
/**
* A flag to indicate whether this Subscription has already been unsubscribed.
* @type {boolean}
*/
this.closed = false;
this._parent = null;
this._parents = null;
this._subscriptions = null;
Iif (unsubscribe) {
this._unsubscribe = unsubscribe;
}
}
/**
* Disposes the resources held by the subscription. May, for instance, cancel
* an ongoing Observable execution or cancel any other type of work that
* started when the Subscription was created.
* @return {void}
*/
Subscription.prototype.unsubscribe = function () {
var hasErrors = false;
var errors;
if (this.closed) {
return;
}
var _a = this, _parent = _a._parent, _parents = _a._parents, _unsubscribe = _a._unsubscribe, _subscriptions = _a._subscriptions;
this.closed = true;
this._parent = null;
this._parents = null;
// null out _subscriptions first so any child subscriptions that attempt
// to remove themselves from this subscription will noop
this._subscriptions = null;
var index = -1;
var len = _parents ? _parents.length : 0;
// if this._parent is null, then so is this._parents, and we
// don't have to remove ourselves from any parent subscriptions.
while (_parent) {
_parent.remove(this);
// if this._parents is null or index >= len,
// then _parent is set to null, and the loop exits
_parent = ++index < len && _parents[index] || null;
}
if (isFunction_1$3.isFunction(_unsubscribe)) {
var trial = tryCatch_1.tryCatch(_unsubscribe).call(this);
if (trial === errorObject_1.errorObject) {
hasErrors = true;
errors = errors || (errorObject_1.errorObject.e instanceof UnsubscriptionError_1.UnsubscriptionError ?
flattenUnsubscriptionErrors(errorObject_1.errorObject.e.errors) : [errorObject_1.errorObject.e]);
}
}
if (isArray_1.isArray(_subscriptions)) {
index = -1;
len = _subscriptions.length;
while (++index < len) {
var sub = _subscriptions[index];
if (isObject_1.isObject(sub)) {
var trial = tryCatch_1.tryCatch(sub.unsubscribe).call(sub);
if (trial === errorObject_1.errorObject) {
hasErrors = true;
errors = errors || [];
var err = errorObject_1.errorObject.e;
if (err instanceof UnsubscriptionError_1.UnsubscriptionError) {
errors = errors.concat(flattenUnsubscriptionErrors(err.errors));
}
else {
errors.push(err);
}
}
}
}
}
if (hasErrors) {
throw new UnsubscriptionError_1.UnsubscriptionError(errors);
}
};
/**
* Adds a tear down to be called during the unsubscribe() of this
* Subscription.
*
* If the tear down being added is a subscription that is already
* unsubscribed, is the same reference `add` is being called on, or is
* `Subscription.EMPTY`, it will not be added.
*
* If this subscription is already in an `closed` state, the passed
* tear down logic will be executed immediately.
*
* @param {TeardownLogic} teardown The additional logic to execute on
* teardown.
* @return {Subscription} Returns the Subscription used or created to be
* added to the inner subscriptions list. This Subscription can be used with
* `remove()` to remove the passed teardown logic from the inner subscriptions
* list.
*/
Subscription.prototype.add = function (teardown) {
if (!teardown || (teardown === Subscription.EMPTY)) {
return Subscription.EMPTY;
}
if (teardown === this) {
return this;
}
var subscription = teardown;
switch (typeof teardown) {
case 'function':
subscription = new Subscription(teardown);
case 'object':
if (subscription.closed || typeof subscription.unsubscribe !== 'function') {
return subscription;
}
else if (this.closed) {
subscription.unsubscribe();
return subscription;
}
else if (typeof subscription._addParent !== 'function' /* quack quack */) {
var tmp = subscription;
subscription = new Subscription();
subscription._subscriptions = [tmp];
}
break;
default:
throw new Error('unrecognized teardown ' + teardown + ' added to Subscription.');
}
var subscriptions = this._subscriptions || (this._subscriptions = []);
subscriptions.push(subscription);
subscription._addParent(this);
return subscription;
};
/**
* Removes a Subscription from the internal list of subscriptions that will
* unsubscribe during the unsubscribe process of this Subscription.
* @param {Subscription} subscription The subscription to remove.
* @return {void}
*/
Subscription.prototype.remove = function (subscription) {
var subscriptions = this._subscriptions;
if (subscriptions) {
var subscriptionIndex = subscriptions.indexOf(subscription);
if (subscriptionIndex !== -1) {
subscriptions.splice(subscriptionIndex, 1);
}
}
};
Subscription.prototype._addParent = function (parent) {
var _a = this, _parent = _a._parent, _parents = _a._parents;
if (!_parent || _parent === parent) {
// If we don't have a parent, or the new parent is the same as the
// current parent, then set this._parent to the new parent.
this._parent = parent;
}
else if (!_parents) {
// If there's already one parent, but not multiple, allocate an Array to
// store the rest of the parent Subscriptions.
this._parents = [parent];
}
else if (_parents.indexOf(parent) === -1) {
// Only add the new parent to the _parents list if it's not already there.
_parents.push(parent);
}
};
Subscription.EMPTY = (function (empty) {
empty.closed = true;
return empty;
}(new Subscription()));
return Subscription;
}());
var Subscription_2 = Subscription;
function flattenUnsubscriptionErrors(errors) {
return errors.reduce(function (errs, err) { return errs.concat((err instanceof UnsubscriptionError_1.UnsubscriptionError) ? err.errors : err); }, []);
}
var Subscription_1$1 = {
Subscription: Subscription_2
};
var empty = {
closed: true,
next: function (value) { },
error: function (err) { throw err; },
complete: function () { }
};
var Observer = {
empty: empty
};
var root_1$2 = root;
var Symbol = root_1$2.root.Symbol;
var $$rxSubscriber = (typeof Symbol === 'function' && typeof Symbol.for === 'function') ?
Symbol.for('rxSubscriber') : '@@rxSubscriber';
var rxSubscriber = {
$$rxSubscriber: $$rxSubscriber
};
var __extends$1 = (commonjsGlobal && commonjsGlobal.__extends) || function (d, b) {
for (var p in b) Eif (b.hasOwnProperty(p)) d[p] = b[p];
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
var isFunction_1 = isFunction_1$1;
var Subscription_1 = Subscription_1$1;
var Observer_1$1 = Observer;
var rxSubscriber_1$1 = rxSubscriber;
/**
* Implements the {@link Observer} interface and extends the
* {@link Subscription} class. While the {@link Observer} is the public API for
* consuming the values of an {@link Observable}, all Observers get converted to
* a Subscriber, in order to provide Subscription-like capabilities such as
* `unsubscribe`. Subscriber is a common type in RxJS, and crucial for
* implementing operators, but it is rarely used as a public API.
*
* @class Subscriber<T>
*/
var Subscriber = (function (_super) {
__extends$1(Subscriber, _super);
/**
* @param {Observer|function(value: T): void} [destinationOrNext] A partially
* defined Observer or a `next` callback function.
* @param {function(e: ?any): void} [error] The `error` callback of an
* Observer.
* @param {function(): void} [complete] The `complete` callback of an
* Observer.
*/
function Subscriber(destinationOrNext, error, complete) {
_super.call(this);
this.syncErrorValue = null;
this.syncErrorThrown = false;
this.syncErrorThrowable = false;
this.isStopped = false;
switch (arguments.length) {
case 0:
this.destination = Observer_1$1.empty;
break;
case 1:
if (!destinationOrNext) {
this.destination = Observer_1$1.empty;
break;
}
if (typeof destinationOrNext === 'object') {
if (destinationOrNext instanceof Subscriber) {
this.destination = destinationOrNext;
this.destination.add(this);
}
else {
this.syncErrorThrowable = true;
this.destination = new SafeSubscriber(this, destinationOrNext);
}
break;
}
default:
this.syncErrorThrowable = true;
this.destination = new SafeSubscriber(this, destinationOrNext, error, complete);
break;
}
}
Subscriber.prototype[rxSubscriber_1$1.$$rxSubscriber] = function () { return this; };
/**
* A static factory for a Subscriber, given a (potentially partial) definition
* of an Observer.
* @param {function(x: ?T): void} [next] The `next` callback of an Observer.
* @param {function(e: ?any): void} [error] The `error` callback of an
* Observer.
* @param {function(): void} [complete] The `complete` callback of an
* Observer.
* @return {Subscriber<T>} A Subscriber wrapping the (partially defined)
* Observer represented by the given arguments.
*/
Subscriber.create = function (next, error, complete) {
var subscriber = new Subscriber(next, error, complete);
subscriber.syncErrorThrowable = false;
return subscriber;
};
/**
* The {@link Observer} callback to receive notifications of type `next` from
* the Observable, with a value. The Observable may call this method 0 or more
* times.
* @param {T} [value] The `next` value.
* @return {void}
*/
Subscriber.prototype.next = function (value) {
if (!this.isStopped) {
this._next(value);
}
};
/**
* The {@link Observer} callback to receive notifications of type `error` from
* the Observable, with an attached {@link Error}. Notifies the Observer that
* the Observable has experienced an error condition.
* @param {any} [err] The `error` exception.
* @return {void}
*/
Subscriber.prototype.error = function (err) {
if (!this.isStopped) {
this.isStopped = true;
this._error(err);
}
};
/**
* The {@link Observer} callback to receive a valueless notification of type
* `complete` from the Observable. Notifies the Observer that the Observable
* has finished sending push-based notifications.
* @return {void}
*/
Subscriber.prototype.complete = function () {
if (!this.isStopped) {
this.isStopped = true;
this._complete();
}
};
Subscriber.prototype.unsubscribe = function () {
if (this.closed) {
return;
}
this.isStopped = true;
_super.prototype.unsubscribe.call(this);
};
Subscriber.prototype._next = function (value) {
this.destination.next(value);
};
Subscriber.prototype._error = function (err) {
this.destination.error(err);
this.unsubscribe();
};
Subscriber.prototype._complete = function () {
this.destination.complete();
this.unsubscribe();
};
Subscriber.prototype._unsubscribeAndRecycle = function () {
var _a = this, _parent = _a._parent, _parents = _a._parents;
this._parent = null;
this._parents = null;
this.unsubscribe();
this.closed = false;
this.isStopped = false;
this._parent = _parent;
this._parents = _parents;
return this;
};
return Subscriber;
}(Subscription_1.Subscription));
var Subscriber_2 = Subscriber;
/**
* We need this JSDoc comment for affecting ESDoc.
* @ignore
* @extends {Ignored}
*/
var SafeSubscriber = (function (_super) {
__extends$1(SafeSubscriber, _super);
function SafeSubscriber(_parentSubscriber, observerOrNext, error, complete) {
_super.call(this);
this._parentSubscriber = _parentSubscriber;
var next;
var context = this;
if (isFunction_1.isFunction(observerOrNext)) {
next = observerOrNext;
}
else if (observerOrNext) {
context = observerOrNext;
next = observerOrNext.next;
error = observerOrNext.error;
complete = observerOrNext.complete;
if (isFunction_1.isFunction(context.unsubscribe)) {
this.add(context.unsubscribe.bind(context));
}
context.unsubscribe = this.unsubscribe.bind(this);
}
this._context = context;
this._next = next;
this._error = error;
this._complete = complete;
}
SafeSubscriber.prototype.next = function (value) {
if (!this.isStopped && this._next) {
var _parentSubscriber = this._parentSubscriber;
if (!_parentSubscriber.syncErrorThrowable) {
this.__tryOrUnsub(this._next, value);
}
else if (this.__tryOrSetError(_parentSubscriber, this._next, value)) {
this.unsubscribe();
}
}
};
SafeSubscriber.prototype.error = function (err) {
if (!this.isStopped) {
var _parentSubscriber = this._parentSubscriber;
if (this._error) {
if (!_parentSubscriber.syncErrorThrowable) {
this.__tryOrUnsub(this._error, err);
this.unsubscribe();
}
else {
this.__tryOrSetError(_parentSubscriber, this._error, err);
this.unsubscribe();
}
}
else if (!_parentSubscriber.syncErrorThrowable) {
this.unsubscribe();
throw err;
}
else {
_parentSubscriber.syncErrorValue = err;
_parentSubscriber.syncErrorThrown = true;
this.unsubscribe();
}
}
};
SafeSubscriber.prototype.complete = function () {
if (!this.isStopped) {
var _parentSubscriber = this._parentSubscriber;
if (this._complete) {
if (!_parentSubscriber.syncErrorThrowable) {
this.__tryOrUnsub(this._complete);
this.unsubscribe();
}
else {
this.__tryOrSetError(_parentSubscriber, this._complete);
this.unsubscribe();
}
}
else {
this.unsubscribe();
}
}
};
SafeSubscriber.prototype.__tryOrUnsub = function (fn, value) {
try {
fn.call(this._context, value);
}
catch (err) {
this.unsubscribe();
throw err;
}
};
SafeSubscriber.prototype.__tryOrSetError = function (parent, fn, value) {
try {
fn.call(this._context, value);
}
catch (err) {
parent.syncErrorValue = err;
parent.syncErrorThrown = true;
return true;
}
return false;
};
SafeSubscriber.prototype._unsubscribe = function () {
var _parentSubscriber = this._parentSubscriber;
this._context = null;
this._parentSubscriber = null;
_parentSubscriber.unsubscribe();
};
return SafeSubscriber;
}(Subscriber));
var Subscriber_1$1 = {
Subscriber: Subscriber_2
};
var Subscriber_1 = Subscriber_1$1;
var rxSubscriber_1 = rxSubscriber;
var Observer_1 = Observer;
function toSubscriber(nextOrObserver, error, complete) {
if (nextOrObserver) {
if (nextOrObserver instanceof Subscriber_1.Subscriber) {
return nextOrObserver;
}
if (nextOrObserver[rxSubscriber_1.$$rxSubscriber]) {
return nextOrObserver[rxSubscriber_1.$$rxSubscriber]();
}
}
if (!nextOrObserver && !error && !complete) {
return new Subscriber_1.Subscriber(Observer_1.empty);
}
return new Subscriber_1.Subscriber(nextOrObserver, error, complete);
}
var toSubscriber_2 = toSubscriber;
var toSubscriber_1$1 = {
toSubscriber: toSubscriber_2
};
var root_1$3 = root;
function getSymbolObservable(context) {
var $$observable;
var Symbol = context.Symbol;
Eif (typeof Symbol === 'function') {
if (Symbol.observable) {
$$observable = Symbol.observable;
}
else {
$$observable = Symbol('observable');
Symbol.observable = $$observable;
}
}
else {
$$observable = '@@observable';
}
return $$observable;
}
var getSymbolObservable_1 = getSymbolObservable;
var $$observable = getSymbolObservable(root_1$3.root);
var observable = {
getSymbolObservable: getSymbolObservable_1,
$$observable: $$observable
};
var root_1 = root;
var toSubscriber_1 = toSubscriber_1$1;
var observable_1 = observable;
/**
* A representation of any set of values over any amount of time. This the most basic building block
* of RxJS.
*
* @class Observable<T>
*/
var Observable = (function () {
/**
* @constructor
* @param {Function} subscribe the function that is called when the Observable is
* initially subscribed to. This function is given a Subscriber, to which new values
* can be `next`ed, or an `error` method can be called to raise an error, or
* `complete` can be called to notify of a successful completion.
*/
function Observable(subscribe) {
this._isScalar = false;
if (subscribe) {
this._subscribe = subscribe;
}
}
/**
* Creates a new Observable, with this Observable as the source, and the passed
* operator defined as the new observable's operator.
* @method lift
* @param {Operator} operator the operator defining the operation to take on the observable
* @return {Observable} a new observable with the Operator applied
*/
Observable.prototype.lift = function (operator) {
var observable$$1 = new Observable();
observable$$1.source = this;
observable$$1.operator = operator;
return observable$$1;
};
Observable.prototype.subscribe = function (observerOrNext, error, complete) {
var operator = this.operator;
var sink = toSubscriber_1.toSubscriber(observerOrNext, error, complete);
if (operator) {
operator.call(sink, this.source);
}
else {
sink.add(this._trySubscribe(sink));
}
if (sink.syncErrorThrowable) {
sink.syncErrorThrowable = false;
if (sink.syncErrorThrown) {
throw sink.syncErrorValue;
}
}
return sink;
};
Observable.prototype._trySubscribe = function (sink) {
try {
return this._subscribe(sink);
}
catch (err) {
sink.syncErrorThrown = true;
sink.syncErrorValue = err;
sink.error(err);
}
};
/**
* @method forEach
* @param {Function} next a handler for each value emitted by the observable
* @param {PromiseConstructor} [PromiseCtor] a constructor function used to instantiate the Promise
* @return {Promise} a promise that either resolves on observable completion or
* rejects with the handled error
*/
Observable.prototype.forEach = function (next, PromiseCtor) {
var _this = this;
if (!PromiseCtor) {
if (root_1.root.Rx && root_1.root.Rx.config && root_1.root.Rx.config.Promise) {
PromiseCtor = root_1.root.Rx.config.Promise;
}
else if (root_1.root.Promise) {
PromiseCtor = root_1.root.Promise;
}
}
if (!PromiseCtor) {
throw new Error('no Promise impl found');
}
return new PromiseCtor(function (resolve, reject) {
var subscription = _this.subscribe(function (value) {
if (subscription) {
// if there is a subscription, then we can surmise
// the next handling is asynchronous. Any errors thrown
// need to be rejected explicitly and unsubscribe must be
// called manually
try {
next(value);
}
catch (err) {
reject(err);
subscription.unsubscribe();
}
}
else {
// if there is NO subscription, then we're getting a nexted
// value synchronously during subscription. We can just call it.
// If it errors, Observable's `subscribe` will ensure the
// unsubscription logic is called, then synchronously rethrow the error.
// After that, Promise will trap the error and send it
// down the rejection path.
next(value);
}
}, reject, resolve);
});
};
Observable.prototype._subscribe = function (subscriber) {
return this.source.subscribe(subscriber);
};
/**
* An interop point defined by the es7-observable spec https://github.com/zenparsing/es-observable
* @method Symbol.observable
* @return {Observable} this instance of the observable
*/
Observable.prototype[observable_1.$$observable] = function () {
return this;
};
// HACK: Since TypeScript inherits static properties too, we have to
// fight against TypeScript here so Subject can have a different static create signature
/**
* Creates a new cold Observable by calling the Observable constructor
* @static true
* @owner Observable
* @method create
* @param {Function} subscribe? the subscriber function to be passed to the Observable constructor
* @return {Observable} a new cold observable
*/
Observable.create = function (subscribe) {
return new Observable(subscribe);
};
return Observable;
}());
var Observable_2 = Observable;
var Observable_1 = {
Observable: Observable_2
};
var __extends$4 = (commonjsGlobal && commonjsGlobal.__extends) || function (d, b) {
for (var p in b) Eif (b.hasOwnProperty(p)) d[p] = b[p];
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
var Observable_1$3 = Observable_1;
/**
* We need this JSDoc comment for affecting ESDoc.
* @extends {Ignored}
* @hide true
*/
var ScalarObservable = (function (_super) {
__extends$4(ScalarObservable, _super);
function ScalarObservable(value, scheduler) {
_super.call(this);
this.value = value;
this.scheduler = scheduler;
this._isScalar = true;
if (scheduler) {
this._isScalar = false;
}
}
ScalarObservable.create = function (value, scheduler) {
return new ScalarObservable(value, scheduler);
};
ScalarObservable.dispatch = function (state) {
var done = state.done, value = state.value, subscriber = state.subscriber;
if (done) {
subscriber.complete();
return;
}
subscriber.next(value);
if (subscriber.closed) {
return;
}
state.done = true;
this.schedule(state);
};
ScalarObservable.prototype._subscribe = function (subscriber) {
var value = this.value;
var scheduler = this.scheduler;
if (scheduler) {
return scheduler.schedule(ScalarObservable.dispatch, 0, {
done: false, value: value, subscriber: subscriber
});
}
else {
subscriber.next(value);
if (!subscriber.closed) {
subscriber.complete();
}
}
};
return ScalarObservable;
}(Observable_1$3.Observable));
var ScalarObservable_2 = ScalarObservable;
var ScalarObservable_1$1 = {
ScalarObservable: ScalarObservable_2
};
var __extends$5 = (commonjsGlobal && commonjsGlobal.__extends) || function (d, b) {
for (var p in b) Eif (b.hasOwnProperty(p)) d[p] = b[p];
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
var Observable_1$4 = Observable_1;
/**
* We need this JSDoc comment for affecting ESDoc.
* @extends {Ignored}
* @hide true
*/
var EmptyObservable = (function (_super) {
__extends$5(EmptyObservable, _super);
function EmptyObservable(scheduler) {
_super.call(this);
this.scheduler = scheduler;
}
/**
* Creates an Observable that emits no items to the Observer and immediately
* emits a complete notification.
*
* <span class="informal">Just emits 'complete', and nothing else.
* </span>
*
* <img src="./img/empty.png" width="100%">
*
* This static operator is useful for creating a simple Observable that only
* emits the complete notification. It can be used for composing with other
* Observables, such as in a {@link mergeMap}.
*
* @example <caption>Emit the number 7, then complete.</caption>
* var result = Rx.Observable.empty().startWith(7);
* result.subscribe(x => console.log(x));
*
* @example <caption>Map and flatten only odd numbers to the sequence 'a', 'b', 'c'</caption>
* var interval = Rx.Observable.interval(1000);
* var result = interval.mergeMap(x =>
* x % 2 === 1 ? Rx.Observable.of('a', 'b', 'c') : Rx.Observable.empty()
* );
* result.subscribe(x => console.log(x));
*
* // Results in the following to the console:
* // x is equal to the count on the interval eg(0,1,2,3,...)
* // x will occur every 1000ms
* // if x % 2 is equal to 1 print abc
* // if x % 2 is not equal to 1 nothing will be output
*
* @see {@link create}
* @see {@link never}
* @see {@link of}
* @see {@link throw}
*
* @param {Scheduler} [scheduler] A {@link IScheduler} to use for scheduling
* the emission of the complete notification.
* @return {Observable} An "empty" Observable: emits only the complete
* notification.
* @static true
* @name empty
* @owner Observable
*/
EmptyObservable.create = function (scheduler) {
return new EmptyObservable(scheduler);
};
EmptyObservable.dispatch = function (arg) {
var subscriber = arg.subscriber;
subscriber.complete();
};
EmptyObservable.prototype._subscribe = function (subscriber) {
var scheduler = this.scheduler;
if (scheduler) {
return scheduler.schedule(EmptyObservable.dispatch, 0, { subscriber: subscriber });
}
else {
subscriber.complete();
}
};
return EmptyObservable;
}(Observable_1$4.Observable));
var EmptyObservable_2 = EmptyObservable;
var EmptyObservable_1$1 = {
EmptyObservable: EmptyObservable_2
};
function isScheduler(value) {
return value && typeof value.schedule === 'function';
}
var isScheduler_2 = isScheduler;
var isScheduler_1$2 = {
isScheduler: isScheduler_2
};
var __extends$3 = (commonjsGlobal && commonjsGlobal.__extends) || function (d, b) {
for (var p in b) Eif (b.hasOwnProperty(p)) d[p] = b[p];
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
var Observable_1$2 = Observable_1;
var ScalarObservable_1 = ScalarObservable_1$1;
var EmptyObservable_1 = EmptyObservable_1$1;
var isScheduler_1$1 = isScheduler_1$2;
/**
* We need this JSDoc comment for affecting ESDoc.
* @extends {Ignored}
* @hide true
*/
var ArrayObservable = (function (_super) {
__extends$3(ArrayObservable, _super);
function ArrayObservable(array, scheduler) {
_super.call(this);
this.array = array;
this.scheduler = scheduler;
if (!scheduler && array.length === 1) {
this._isScalar = true;
this.value = array[0];
}
}
ArrayObservable.create = function (array, scheduler) {
return new ArrayObservable(array, scheduler);
};
/**
* Creates an Observable that emits some values you specify as arguments,
* immediately one after the other, and then emits a complete notification.
*
* <span class="informal">Emits the arguments you provide, then completes.
* </span>
*
* <img src="./img/of.png" width="100%">
*
* This static operator is useful for creating a simple Observable that only
* emits the arguments given, and the complete notification thereafter. It can
* be used for composing with other Observables, such as with {@link concat}.
* By default, it uses a `null` IScheduler, which means the `next`
* notifications are sent synchronously, although with a different IScheduler
* it is possible to determine when those notifications will be delivered.
*
* @example <caption>Emit 10, 20, 30, then 'a', 'b', 'c', then start ticking every second.</caption>
* var numbers = Rx.Observable.of(10, 20, 30);
* var letters = Rx.Observable.of('a', 'b', 'c');
* var interval = Rx.Observable.interval(1000);
* var result = numbers.concat(letters).concat(interval);
* result.subscribe(x => console.log(x));
*
* @see {@link create}
* @see {@link empty}
* @see {@link never}
* @see {@link throw}
*
* @param {...T} values Arguments that represent `next` values to be emitted.
* @param {Scheduler} [scheduler] A {@link IScheduler} to use for scheduling
* the emissions of the `next` notifications.
* @return {Observable<T>} An Observable that emits each given input value.
* @static true
* @name of
* @owner Observable
*/
ArrayObservable.of = function () {
var array = [];
for (var _i = 0; _i < arguments.length; _i++) {
array[_i - 0] = arguments[_i];
}
var scheduler = array[array.length - 1];
if (isScheduler_1$1.isScheduler(scheduler)) {
array.pop();
}
else {
scheduler = null;
}
var len = array.length;
if (len > 1) {
return new ArrayObservable(array, scheduler);
}
else if (len === 1) {
return new ScalarObservable_1.ScalarObservable(array[0], scheduler);
}
else {
return new EmptyObservable_1.EmptyObservable(scheduler);
}
};
ArrayObservable.dispatch = function (state) {
var array = state.array, index = state.index, count = state.count, subscriber = state.subscriber;
if (index >= count) {
subscriber.complete();
return;
}
subscriber.next(array[index]);
if (subscriber.closed) {
return;
}
state.index = index + 1;
this.schedule(state);
};
ArrayObservable.prototype._subscribe = function (subscriber) {
var index = 0;
var array = this.array;
var count = array.length;
var scheduler = this.scheduler;
if (scheduler) {
return scheduler.schedule(ArrayObservable.dispatch, 0, {
array: array, index: index, count: count, subscriber: subscriber
});
}
else {
for (var i = 0; i < count && !subscriber.closed; i++) {
subscriber.next(array[i]);
}
subscriber.complete();
}
};
return ArrayObservable;
}(Observable_1$2.Observable));
var ArrayObservable_2 = ArrayObservable;
var ArrayObservable_1$1 = {
ArrayObservable: ArrayObservable_2
};
var __extends$7 = (commonjsGlobal && commonjsGlobal.__extends) || function (d, b) {
for (var p in b) Eif (b.hasOwnProperty(p)) d[p] = b[p];
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
var Subscriber_1$3 = Subscriber_1$1;
/**
* We need this JSDoc comment for affecting ESDoc.
* @ignore
* @extends {Ignored}
*/
var OuterSubscriber = (function (_super) {
__extends$7(OuterSubscriber, _super);
function OuterSubscriber() {
_super.apply(this, arguments);
}
OuterSubscriber.prototype.notifyNext = function (outerValue, innerValue, outerIndex, innerIndex, innerSub) {
this.destination.next(innerValue);
};
OuterSubscriber.prototype.notifyError = function (error, innerSub) {
this.destination.error(error);
};
OuterSubscriber.prototype.notifyComplete = function (innerSub) {
this.destination.complete();
};
return OuterSubscriber;
}(Subscriber_1$3.Subscriber));
var OuterSubscriber_2 = OuterSubscriber;
var OuterSubscriber_1$1 = {
OuterSubscriber: OuterSubscriber_2
};
function isPromise$1(value) {
return value && typeof value.subscribe !== 'function' && typeof value.then === 'function';
}
var isPromise_2 = isPromise$1;
var isPromise_1$1 = {
isPromise: isPromise_2
};
var root_1$5 = root;
function symbolIteratorPonyfill(root$$1) {
var Symbol = root$$1.Symbol;
Eif (typeof Symbol === 'function') {
Iif (!Symbol.iterator) {
Symbol.iterator = Symbol('iterator polyfill');
}
return Symbol.iterator;
}
else {
// [for Mozilla Gecko 27-35:](https://mzl.la/2ewE1zC)
var Set_1 = root$$1.Set;
if (Set_1 && typeof new Set_1()['@@iterator'] === 'function') {
return '@@iterator';
}
var Map_1 = root$$1.Map;
// required for compatability with es6-shim
if (Map_1) {
var keys = Object.getOwnPropertyNames(Map_1.prototype);
for (var i = 0; i < keys.length; ++i) {
var key = keys[i];
// according to spec, Map.prototype[@@iterator] and Map.orototype.entries must be equal.
if (key !== 'entries' && key !== 'size' && Map_1.prototype[key] === Map_1.prototype['entries']) {
return key;
}
}
}
return '@@iterator';
}
}
var symbolIteratorPonyfill_1 = symbolIteratorPonyfill;
var $$iterator = symbolIteratorPonyfill(root_1$5.root);
var iterator = {
symbolIteratorPonyfill: symbolIteratorPonyfill_1,
$$iterator: $$iterator
};
var __extends$8 = (commonjsGlobal && commonjsGlobal.__extends) || function (d, b) {
for (var p in b) Eif (b.hasOwnProperty(p)) d[p] = b[p];
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
var Subscriber_1$4 = Subscriber_1$1;
/**
* We need this JSDoc comment for affecting ESDoc.
* @ignore
* @extends {Ignored}
*/
var InnerSubscriber = (function (_super) {
__extends$8(InnerSubscriber, _super);
function InnerSubscriber(parent, outerValue, outerIndex) {
_super.call(this);
this.parent = parent;
this.outerValue = outerValue;
this.outerIndex = outerIndex;
this.index = 0;
}
InnerSubscriber.prototype._next = function (value) {
this.parent.notifyNext(this.outerValue, value, this.outerIndex, this.index++, this);
};
InnerSubscriber.prototype._error = function (error) {
this.parent.notifyError(error, this);
this.unsubscribe();
};
InnerSubscriber.prototype._complete = function () {
this.parent.notifyComplete(this);
this.unsubscribe();
};
return InnerSubscriber;
}(Subscriber_1$4.Subscriber));
var InnerSubscriber_2 = InnerSubscriber;
var InnerSubscriber_1$1 = {
InnerSubscriber: InnerSubscriber_2
};
var root_1$4 = root;
var isArray_1$2 = isArray;
var isPromise_1 = isPromise_1$1;
var isObject_1$3 = isObject_1$1;
var Observable_1$5 = Observable_1;
var iterator_1 = iterator;
var InnerSubscriber_1 = InnerSubscriber_1$1;
var observable_1$1 = observable;
function subscribeToResult(outerSubscriber, result, outerValue, outerIndex) {
var destination = new InnerSubscriber_1.InnerSubscriber(outerSubscriber, outerValue, outerIndex);
if (destination.closed) {
return null;
}
if (result instanceof Observable_1$5.Observable) {
if (result._isScalar) {
destination.next(result.value);
destination.complete();
return null;
}
else {
return result.subscribe(destination);
}
}
else if (isArray_1$2.isArray(result)) {
for (var i = 0, len = result.length; i < len && !destination.closed; i++) {
destination.next(result[i]);
}
if (!destination.closed) {
destination.complete();
}
}
else if (isPromise_1.isPromise(result)) {
result.then(function (value) {
if (!destination.closed) {
destination.next(value);
destination.complete();
}
}, function (err) { return destination.error(err); })
.then(null, function (err) {
// Escaping the Promise trap: globally throw unhandled errors
root_1$4.root.setTimeout(function () { throw err; });
});
return destination;
}
else if (result && typeof result[iterator_1.$$iterator] === 'function') {
var iterator$$1 = result[iterator_1.$$iterator]();
do {
var item = iterator$$1.next();
if (item.done) {
destination.complete();
break;
}
destination.next(item.value);
if (destination.closed) {
break;
}
} while (true);
}
else if (result && typeof result[observable_1$1.$$observable] === 'function') {
var obs = result[observable_1$1.$$observable]();
if (typeof obs.subscribe !== 'function') {
destination.error(new TypeError('Provided object does not correctly implement Symbol.observable'));
}
else {
return obs.subscribe(new InnerSubscriber_1.InnerSubscriber(outerSubscriber, outerValue, outerIndex));
}
}
else {
var value = isObject_1$3.isObject(result) ? 'an invalid object' : "'" + result + "'";
var msg = ("You provided " + value + " where a stream was expected.")
+ ' You can provide an Observable, Promise, Array, or Iterable.';
destination.error(new TypeError(msg));
}
return null;
}
var subscribeToResult_2 = subscribeToResult;
var subscribeToResult_1$1 = {
subscribeToResult: subscribeToResult_2
};
var __extends$6 = (commonjsGlobal && commonjsGlobal.__extends) || function (d, b) {
for (var p in b) Eif (b.hasOwnProperty(p)) d[p] = b[p];
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
var OuterSubscriber_1 = OuterSubscriber_1$1;
var subscribeToResult_1 = subscribeToResult_1$1;
/**
* Converts a higher-order Observable into a first-order Observable which
* concurrently delivers all values that are emitted on the inner Observables.
*
* <span class="informal">Flattens an Observable-of-Observables.</span>
*
* <img src="./img/mergeAll.png" width="100%">
*
* `mergeAll` subscribes to an Observable that emits Observables, also known as
* a higher-order Observable. Each time it observes one of these emitted inner
* Observables, it subscribes to that and delivers all the values from the
* inner Observable on the output Observable. The output Observable only
* completes once all inner Observables have completed. Any error delivered by
* a inner Observable will be immediately emitted on the output Observable.
*
* @example <caption>Spawn a new interval Observable for each click event, and blend their outputs as one Observable</caption>
* var clicks = Rx.Observable.fromEvent(document, 'click');
* var higherOrder = clicks.map((ev) => Rx.Observable.interval(1000));
* var firstOrder = higherOrder.mergeAll();
* firstOrder.subscribe(x => console.log(x));
*
* @example <caption>Count from 0 to 9 every second for each click, but only allow 2 concurrent timers</caption>
* var clicks = Rx.Observable.fromEvent(document, 'click');
* var higherOrder = clicks.map((ev) => Rx.Observable.interval(1000).take(10));
* var firstOrder = higherOrder.mergeAll(2);
* firstOrder.subscribe(x => console.log(x));
*
* @see {@link combineAll}
* @see {@link concatAll}
* @see {@link exhaust}
* @see {@link merge}
* @see {@link mergeMap}
* @see {@link mergeMapTo}
* @see {@link mergeScan}
* @see {@link switch}
* @see {@link zipAll}
*
* @param {number} [concurrent=Number.POSITIVE_INFINITY] Maximum number of inner
* Observables being subscribed to concurrently.
* @return {Observable} An Observable that emits values coming from all the
* inner Observables emitted by the source Observable.
* @method mergeAll
* @owner Observable
*/
function mergeAll(concurrent) {
if (concurrent === void 0) { concurrent = Number.POSITIVE_INFINITY; }
return this.lift(new MergeAllOperator(concurrent));
}
var mergeAll_2 = mergeAll;
var MergeAllOperator = (function () {
function MergeAllOperator(concurrent) {
this.concurrent = concurrent;
}
MergeAllOperator.prototype.call = function (observer, source) {
return source.subscribe(new MergeAllSubscriber(observer, this.concurrent));
};
return MergeAllOperator;
}());
var MergeAllOperator_1 = MergeAllOperator;
/**
* We need this JSDoc comment for affecting ESDoc.
* @ignore
* @extends {Ignored}
*/
var MergeAllSubscriber = (function (_super) {
__extends$6(MergeAllSubscriber, _super);
function MergeAllSubscriber(destination, concurrent) {
_super.call(this, destination);
this.concurrent = concurrent;
this.hasCompleted = false;
this.buffer = [];
this.active = 0;
}
MergeAllSubscriber.prototype._next = function (observable) {
if (this.active < this.concurrent) {
this.active++;
this.add(subscribeToResult_1.subscribeToResult(this, observable));
}
else {
this.buffer.push(observable);
}
};
MergeAllSubscriber.prototype._complete = function () {
this.hasCompleted = true;
if (this.active === 0 && this.buffer.length === 0) {
this.destination.complete();
}
};
MergeAllSubscriber.prototype.notifyComplete = function (innerSub) {
var buffer = this.buffer;
this.remove(innerSub);
this.active--;
if (buffer.length > 0) {
this._next(buffer.shift());
}
else if (this.active === 0 && this.hasCompleted) {
this.destination.complete();
}
};
return MergeAllSubscriber;
}(OuterSubscriber_1.OuterSubscriber));
var MergeAllSubscriber_1 = MergeAllSubscriber;
var mergeAll_1$1 = {
mergeAll: mergeAll_2,
MergeAllOperator: MergeAllOperator_1,
MergeAllSubscriber: MergeAllSubscriber_1
};
var ArrayObservable_1 = ArrayObservable_1$1;
var mergeAll_1 = mergeAll_1$1;
var isScheduler_1 = isScheduler_1$2;
/* tslint:disable:max-line-length */
/**
* Creates an output Observable which concurrently emits all values from every
* given input Observable.
*
* <span class="informal">Flattens multiple Observables together by blending
* their values into one Observable.</span>
*
* <img src="./img/merge.png" width="100%">
*
* `merge` subscribes to each given input Observable (either the source or an
* Observable given as argument), and simply forwards (without doing any
* transformation) all the values from all the input Observables to the output
* Observable. The output Observable only completes once all input Observables
* have completed. Any error delivered by an input Observable will be immediately
* emitted on the output Observable.
*
* @example <caption>Merge together two Observables: 1s interval and clicks</caption>
* var clicks = Rx.Observable.fromEvent(document, 'click');
* var timer = Rx.Observable.interval(1000);
* var clicksOrTimer = clicks.merge(timer);
* clicksOrTimer.subscribe(x => console.log(x));
*
* @example <caption>Merge together 3 Observables, but only 2 run concurrently</caption>
* var timer1 = Rx.Observable.interval(1000).take(10);
* var timer2 = Rx.Observable.interval(2000).take(6);
* var timer3 = Rx.Observable.interval(500).take(10);
* var concurrent = 2; // the argument
* var merged = timer1.merge(timer2, timer3, concurrent);
* merged.subscribe(x => console.log(x));
*
* @see {@link mergeAll}
* @see {@link mergeMap}
* @see {@link mergeMapTo}
* @see {@link mergeScan}
*
* @param {Observable} other An input Observable to merge with the source
* Observable. More than one input Observables may be given as argument.
* @param {number} [concurrent=Number.POSITIVE_INFINITY] Maximum number of input
* Observables being subscribed to concurrently.
* @param {Scheduler} [scheduler=null] The IScheduler to use for managing
* concurrency of input Observables.
* @return {Observable} an Observable that emits items that are the result of
* every input Observable.
* @method merge
* @owner Observable
*/
function merge$2() {
var observables = [];
for (var _i = 0; _i < arguments.length; _i++) {
observables[_i - 0] = arguments[_i];
}
return this.lift.call(mergeStatic.apply(void 0, [this].concat(observables)));
}
var merge_2$1 = merge$2;
/* tslint:enable:max-line-length */
/**
* Creates an output Observable which concurrently emits all values from every
* given input Observable.
*
* <span class="informal">Flattens multiple Observables together by blending
* their values into one Observable.</span>
*
* <img src="./img/merge.png" width="100%">
*
* `merge` subscribes to each given input Observable (as arguments), and simply
* forwards (without doing any transformation) all the values from all the input
* Observables to the output Observable. The output Observable only completes
* once all input Observables have completed. Any error delivered by an input
* Observable will be immediately emitted on the output Observable.
*
* @example <caption>Merge together two Observables: 1s interval and clicks</caption>
* var clicks = Rx.Observable.fromEvent(document, 'click');
* var timer = Rx.Observable.interval(1000);
* var clicksOrTimer = Rx.Observable.merge(clicks, timer);
* clicksOrTimer.subscribe(x => console.log(x));
*
* // Results in the following:
* // timer will emit ascending values, one every second(1000ms) to console
* // clicks logs MouseEvents to console everytime the "document" is clicked
* // Since the two streams are merged you see these happening
* // as they occur.
*
* @example <caption>Merge together 3 Observables, but only 2 run concurrently</caption>
* var timer1 = Rx.Observable.interval(1000).take(10);
* var timer2 = Rx.Observable.interval(2000).take(6);
* var timer3 = Rx.Observable.interval(500).take(10);
* var concurrent = 2; // the argument
* var merged = Rx.Observable.merge(timer1, timer2, timer3, concurrent);
* merged.subscribe(x => console.log(x));
*
* // Results in the following:
* // - First timer1 and timer2 will run concurrently
* // - timer1 will emit a value every 1000ms for 10 iterations
* // - timer2 will emit a value every 2000ms for 6 iterations
* // - after timer1 hits it's max iteration, timer2 will
* // continue, and timer3 will start to run concurrently with timer2
* // - when timer2 hits it's max iteration it terminates, and
* // timer3 will continue to emit a value every 500ms until it is complete
*
* @see {@link mergeAll}
* @see {@link mergeMap}
* @see {@link mergeMapTo}
* @see {@link mergeScan}
*
* @param {...Observable} observables Input Observables to merge together.
* @param {number} [concurrent=Number.POSITIVE_INFINITY] Maximum number of input
* Observables being subscribed to concurrently.
* @param {Scheduler} [scheduler=null] The IScheduler to use for managing
* concurrency of input Observables.
* @return {Observable} an Observable that emits items that are the result of
* every input Observable.
* @static true
* @name merge
* @owner Observable
*/
function mergeStatic() {
var observables = [];
for (var _i = 0; _i < arguments.length; _i++) {
observables[_i - 0] = arguments[_i];
}
var concurrent = Number.POSITIVE_INFINITY;
var scheduler = null;
var last = observables[observables.length - 1];
if (isScheduler_1.isScheduler(last)) {
scheduler = observables.pop();
if (observables.length > 1 && typeof observables[observables.length - 1] === 'number') {
concurrent = observables.pop();
}
}
else if (typeof last === 'number') {
concurrent = observables.pop();
}
if (scheduler === null && observables.length === 1) {
return observables[0];
}
return new ArrayObservable_1.ArrayObservable(observables, scheduler).lift(new mergeAll_1.MergeAllOperator(concurrent));
}
var mergeStatic_1 = mergeStatic;
var merge_1$1 = {
merge: merge_2$1,
mergeStatic: mergeStatic_1
};
var merge_1 = merge_1$1;
var merge_2 = merge_1.mergeStatic;
var __extends$11 = (commonjsGlobal && commonjsGlobal.__extends) || function (d, b) {
for (var p in b) Eif (b.hasOwnProperty(p)) d[p] = b[p];
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
/**
* An error thrown when an action is invalid because the object has been
* unsubscribed.
*
* @see {@link Subject}
* @see {@link BehaviorSubject}
*
* @class ObjectUnsubscribedError
*/
var ObjectUnsubscribedError = (function (_super) {
__extends$11(ObjectUnsubscribedError, _super);
function ObjectUnsubscribedError() {
var err = _super.call(this, 'object unsubscribed');
this.name = err.name = 'ObjectUnsubscribedError';
this.stack = err.stack;
this.message = err.message;
}
return ObjectUnsubscribedError;
}(Error));
var ObjectUnsubscribedError_2 = ObjectUnsubscribedError;
var ObjectUnsubscribedError_1$1 = {
ObjectUnsubscribedError: ObjectUnsubscribedError_2
};
var __extends$12 = (commonjsGlobal && commonjsGlobal.__extends) || function (d, b) {
for (var p in b) Eif (b.hasOwnProperty(p)) d[p] = b[p];
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
var Subscription_1$5 = Subscription_1$1;
/**
* We need this JSDoc comment for affecting ESDoc.
* @ignore
* @extends {Ignored}
*/
var SubjectSubscription = (function (_super) {
__extends$12(SubjectSubscription, _super);
function SubjectSubscription(subject, subscriber) {
_super.call(this);
this.subject = subject;
this.subscriber = subscriber;
this.closed = false;
}
SubjectSubscription.prototype.unsubscribe = function () {
if (this.closed) {
return;
}
this.closed = true;
var subject = this.subject;
var observers = subject.observers;
this.subject = null;
if (!observers || observers.length === 0 || subject.isStopped || subject.closed) {
return;
}
var subscriberIndex = observers.indexOf(this.subscriber);
if (subscriberIndex !== -1) {
observers.splice(subscriberIndex, 1);
}
};
return SubjectSubscription;
}(Subscription_1$5.Subscription));
var SubjectSubscription_2 = SubjectSubscription;
var SubjectSubscription_1$1 = {
SubjectSubscription: SubjectSubscription_2
};
var __extends$10 = (commonjsGlobal && commonjsGlobal.__extends) || function (d, b) {
for (var p in b) Eif (b.hasOwnProperty(p)) d[p] = b[p];
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
var Observable_1$7 = Observable_1;
var Subscriber_1$6 = Subscriber_1$1;
var Subscription_1$4 = Subscription_1$1;
var ObjectUnsubscribedError_1 = ObjectUnsubscribedError_1$1;
var SubjectSubscription_1 = SubjectSubscription_1$1;
var rxSubscriber_1$2 = rxSubscriber;
/**
* @class SubjectSubscriber<T>
*/
var SubjectSubscriber = (function (_super) {
__extends$10(SubjectSubscriber, _super);
function SubjectSubscriber(destination) {
_super.call(this, destination);
this.destination = destination;
}
return SubjectSubscriber;
}(Subscriber_1$6.Subscriber));
var SubjectSubscriber_1 = SubjectSubscriber;
/**
* @class Subject<T>
*/
var Subject = (function (_super) {
__extends$10(Subject, _super);
function Subject() {
_super.call(this);
this.observers = [];
this.closed = false;
this.isStopped = false;
this.hasError = false;
this.thrownError = null;
}
Subject.prototype[rxSubscriber_1$2.$$rxSubscriber] = function () {
return new SubjectSubscriber(this);
};
Subject.prototype.lift = function (operator) {
var subject = new AnonymousSubject(this, this);
subject.operator = operator;
return subject;
};
Subject.prototype.next = function (value) {
if (this.closed) {
throw new ObjectUnsubscribedError_1.ObjectUnsubscribedError();
}
if (!this.isStopped) {
var observers = this.observers;
var len = observers.length;
var copy = observers.slice();
for (var i = 0; i < len; i++) {
copy[i].next(value);
}
}
};
Subject.prototype.error = function (err) {
if (this.closed) {
throw new ObjectUnsubscribedError_1.ObjectUnsubscribedError();
}
this.hasError = true;
this.thrownError = err;
this.isStopped = true;
var observers = this.observers;
var len = observers.length;
var copy = observers.slice();
for (var i = 0; i < len; i++) {
copy[i].error(err);
}
this.observers.length = 0;
};
Subject.prototype.complete = function () {
if (this.closed) {
throw new ObjectUnsubscribedError_1.ObjectUnsubscribedError();
}
this.isStopped = true;
var observers = this.observers;
var len = observers.length;
var copy = observers.slice();
for (var i = 0; i < len; i++) {
copy[i].complete();
}
this.observers.length = 0;
};
Subject.prototype.unsubscribe = function () {
this.isStopped = true;
this.closed = true;
this.observers = null;
};
Subject.prototype._trySubscribe = function (subscriber) {
if (this.closed) {
throw new ObjectUnsubscribedError_1.ObjectUnsubscribedError();
}
else {
return _super.prototype._trySubscribe.call(this, subscriber);
}
};
Subject.prototype._subscribe = function (subscriber) {
if (this.closed) {
throw new ObjectUnsubscribedError_1.ObjectUnsubscribedError();
}
else if (this.hasError) {
subscriber.error(this.thrownError);
return Subscription_1$4.Subscription.EMPTY;
}
else if (this.isStopped) {
subscriber.complete();
return Subscription_1$4.Subscription.EMPTY;
}
else {
this.observers.push(subscriber);
return new SubjectSubscription_1.SubjectSubscription(this, subscriber);
}
};
Subject.prototype.asObservable = function () {
var observable = new Observable_1$7.Observable();
observable.source = this;
return observable;
};
Subject.create = function (destination, source) {
return new AnonymousSubject(destination, source);
};
return Subject;
}(Observable_1$7.Observable));
var Subject_2 = Subject;
/**
* @class AnonymousSubject<T>
*/
var AnonymousSubject = (function (_super) {
__extends$10(AnonymousSubject, _super);
function AnonymousSubject(destination, source) {
_super.call(this);
this.destination = destination;
this.source = source;
}
AnonymousSubject.prototype.next = function (value) {
var destination = this.destination;
if (destination && destination.next) {
destination.next(value);
}
};
AnonymousSubject.prototype.error = function (err) {
var destination = this.destination;
if (destination && destination.error) {
this.destination.error(err);
}
};
AnonymousSubject.prototype.complete = function () {
var destination = this.destination;
if (destination && destination.complete) {
this.destination.complete();
}
};
AnonymousSubject.prototype._subscribe = function (subscriber) {
var source = this.source;
if (source) {
return this.source.subscribe(subscriber);
}
else {
return Subscription_1$4.Subscription.EMPTY;
}
};
return AnonymousSubject;
}(Subject));
var AnonymousSubject_1 = AnonymousSubject;
var Subject_1$2 = {
SubjectSubscriber: SubjectSubscriber_1,
Subject: Subject_2,
AnonymousSubject: AnonymousSubject_1
};
var __extends$9 = (commonjsGlobal && commonjsGlobal.__extends) || function (d, b) {
for (var p in b) Eif (b.hasOwnProperty(p)) d[p] = b[p];
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
var Subject_1$1 = Subject_1$2;
var Observable_1$6 = Observable_1;
var Subscriber_1$5 = Subscriber_1$1;
var Subscription_1$3 = Subscription_1$1;
/**
* @class ConnectableObservable<T>
*/
var ConnectableObservable = (function (_super) {
__extends$9(ConnectableObservable, _super);
function ConnectableObservable(source, subjectFactory) {
_super.call(this);
this.source = source;
this.subjectFactory = subjectFactory;
this._refCount = 0;
}
ConnectableObservable.prototype._subscribe = function (subscriber) {
return this.getSubject().subscribe(subscriber);
};
ConnectableObservable.prototype.getSubject = function () {
var subject = this._subject;
if (!subject || subject.isStopped) {
this._subject = this.subjectFactory();
}
return this._subject;
};
ConnectableObservable.prototype.connect = function () {
var connection = this._connection;
if (!connection) {
connection = this._connection = new Subscription_1$3.Subscription();
connection.add(this.source
.subscribe(new ConnectableSubscriber(this.getSubject(), this)));
if (connection.closed) {
this._connection = null;
connection = Subscription_1$3.Subscription.EMPTY;
}
else {
this._connection = connection;
}
}
return connection;
};
ConnectableObservable.prototype.refCount = function () {
return this.lift(new RefCountOperator(this));
};
return ConnectableObservable;
}(Observable_1$6.Observable));
var ConnectableObservable_2 = ConnectableObservable;
var connectableObservableDescriptor = {
operator: { value: null },
_refCount: { value: 0, writable: true },
_subscribe: { value: ConnectableObservable.prototype._subscribe },
getSubject: { value: ConnectableObservable.prototype.getSubject },
connect: { value: ConnectableObservable.prototype.connect },
refCount: { value: ConnectableObservable.prototype.refCount }
};
var ConnectableSubscriber = (function (_super) {
__extends$9(ConnectableSubscriber, _super);
function ConnectableSubscriber(destination, connectable) {
_super.call(this, destination);
this.connectable = connectable;
}
ConnectableSubscriber.prototype._error = function (err) {
this._unsubscribe();
_super.prototype._error.call(this, err);
};
ConnectableSubscriber.prototype._complete = function () {
this._unsubscribe();
_super.prototype._complete.call(this);
};
ConnectableSubscriber.prototype._unsubscribe = function () {
var connectable = this.connectable;
if (connectable) {
this.connectable = null;
var connection = connectable._connection;
connectable._refCount = 0;
connectable._subject = null;
connectable._connection = null;
if (connection) {
connection.unsubscribe();
}
}
};
return ConnectableSubscriber;
}(Subject_1$1.SubjectSubscriber));
var RefCountOperator = (function () {
function RefCountOperator(connectable) {
this.connectable = connectable;
}
RefCountOperator.prototype.call = function (subscriber, source) {
var connectable = this.connectable;
connectable._refCount++;
var refCounter = new RefCountSubscriber(subscriber, connectable);
var subscription = source.subscribe(refCounter);
if (!refCounter.closed) {
refCounter.connection = connectable.connect();
}
return subscription;
};
return RefCountOperator;
}());
var RefCountSubscriber = (function (_super) {
__extends$9(RefCountSubscriber, _super);
function RefCountSubscriber(destination, connectable) {
_super.call(this, destination);
this.connectable = connectable;
}
RefCountSubscriber.prototype._unsubscribe = function () {
var connectable = this.connectable;
if (!connectable) {
this.connection = null;
return;
}
this.connectable = null;
var refCount = connectable._refCount;
if (refCount <= 0) {
this.connection = null;
return;
}
connectable._refCount = refCount - 1;
if (refCount > 1) {
this.connection = null;
return;
}
///
// Compare the local RefCountSubscriber's connection Subscription to the
// connection Subscription on the shared ConnectableObservable. In cases
// where the ConnectableObservable source synchronously emits values, and
// the RefCountSubscriber's downstream Observers synchronously unsubscribe,
// execution continues to here before the RefCountOperator has a chance to
// supply the RefCountSubscriber with the shared connection Subscription.
// For example:
// ```
// Observable.range(0, 10)
// .publish()
// .refCount()
// .take(5)
// .subscribe();
// ```
// In order to account for this case, RefCountSubscriber should only dispose
// the ConnectableObservable's shared connection Subscription if the
// connection Subscription exists, *and* either:
// a. RefCountSubscriber doesn't have a reference to the shared connection
// Subscription yet, or,
// b. RefCountSubscriber's connection Subscription reference is identical
// to the shared connection Subscription
///
var connection = this.connection;
var sharedConnection = connectable._connection;
this.connection = null;
if (sharedConnection && (!connection || sharedConnection === connection)) {
sharedConnection.unsubscribe();
}
};
return RefCountSubscriber;
}(Subscriber_1$5.Subscriber));
var ConnectableObservable_1$1 = {
ConnectableObservable: ConnectableObservable_2,
connectableObservableDescriptor: connectableObservableDescriptor
};
var ConnectableObservable_1 = ConnectableObservable_1$1;
/* tslint:disable:max-line-length */
/**
* Returns an Observable that emits the results of invoking a specified selector on items
* emitted by a ConnectableObservable that shares a single subscription to the underlying stream.
*
* <img src="./img/multicast.png" width="100%">
*
* @param {Function|Subject} Factory function to create an intermediate subject through
* which the source sequence's elements will be multicast to the selector function
* or Subject to push source elements into.
* @param {Function} Optional selector function that can use the multicasted source stream
* as many times as needed, without causing multiple subscriptions to the source stream.
* Subscribers to the given source will receive all notifications of the source from the
* time of the subscription forward.
* @return {Observable} an Observable that emits the results of invoking the selector
* on the items emitted by a `ConnectableObservable` that shares a single subscription to
* the underlying stream.
* @method multicast
* @owner Observable
*/
function multicast(subjectOrSubjectFactory, selector) {
var subjectFactory;
if (typeof subjectOrSubjectFactory === 'function') {
subjectFactory = subjectOrSubjectFactory;
}
else {
subjectFactory = function subjectFactory() {
return subjectOrSubjectFactory;
};
}
if (typeof selector === 'function') {
return this.lift(new MulticastOperator(subjectFactory, selector));
}
var connectable = Object.create(this, ConnectableObservable_1.connectableObservableDescriptor);
connectable.source = this;
connectable.subjectFactory = subjectFactory;
return connectable;
}
var multicast_2 = multicast;
var MulticastOperator = (function () {
function MulticastOperator(subjectFactory, selector) {
this.subjectFactory = subjectFactory;
this.selector = selector;
}
MulticastOperator.prototype.call = function (subscriber, source) {
var selector = this.selector;
var subject = this.subjectFactory();
var subscription = selector(subject).subscribe(subscriber);
subscription.add(source.subscribe(subject));
return subscription;
};
return MulticastOperator;
}());
var MulticastOperator_1 = MulticastOperator;
var multicast_1$1 = {
multicast: multicast_2,
MulticastOperator: MulticastOperator_1
};
var multicast_1 = multicast_1$1;
var Subject_1 = Subject_1$2;
function shareSubjectFactory() {
return new Subject_1.Subject();
}
/**
* Returns a new Observable that multicasts (shares) the original Observable. As long as there is at least one
* Subscriber this Observable will be subscribed and emitting data. When all subscribers have unsubscribed it will
* unsubscribe from the source Observable. Because the Observable is multicasting it makes the stream `hot`.
* This is an alias for .publish().refCount().
*
* <img src="./img/share.png" width="100%">
*
* @return {Observable<T>} an Observable that upon connection causes the source Observable to emit items to its Observers
* @method share
* @owner Observable
*/
function share() {
return multicast_1.multicast.call(this, shareSubjectFactory).refCount();
}
var share_2 = share;
var __extends = (undefined && undefined.__extends) || function (d, b) {
for (var p in b) Eif (b.hasOwnProperty(p)) d[p] = b[p];
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
/**
* @license Angular v4.0.0
* (c) 2010-2017 Google, Inc. https://angular.io/
* License: MIT
*/
/**
* Creates a token that can be used in a DI Provider.
*
* ### Example ([live demo](http://plnkr.co/edit/Ys9ezXpj2Mnoy3Uc8KBp?p=preview))
*
* ```typescript
* var t = new OpaqueToken("value");
*
* var injector = Injector.resolveAndCreate([
* {provide: t, useValue: "bindingValue"}
* ]);
*
* expect(injector.get(t)).toEqual("bindingValue");
* ```
*
* Using an `OpaqueToken` is preferable to using strings as tokens because of possible collisions
* caused by multiple providers using the same string as two different tokens.
*
* Using an `OpaqueToken` is preferable to using an `Object` as tokens because it provides better
* error messages.
* @deprecated since v4.0.0 because it does not support type information, use `InjectionToken<?>`
* instead.
*/
var OpaqueToken = (function () {
/**
* @param {?} _desc
*/
function OpaqueToken(_desc) {
this._desc = _desc;
}
/**
* @return {?}
*/
OpaqueToken.prototype.toString = function () { return "Token " + this._desc; };
return OpaqueToken;
}());
/**
* Creates a token that can be used in a DI Provider.
*
* Use an `InjectionToken` whenever the type you are injecting is not reified (does not have a
* runtime representation) such as when injecting an interface, callable type, array or
* parametrized type.
*
* `InjectionToken` is parametrize on `T` which is the type of object which will be returned by the
* `Injector`. This provides additional level of type safety.
*
* ```
* interface MyInterface {...}
* var myInterface = injector.get(new InjectionToken<MyInterface>('SomeToken'));
* // myInterface is inferred to be MyInterface.
* ```
*
* ### Example
*
* {\@example core/di/ts/injector_spec.ts region='Injector'}
*
* \@stable
*/
var InjectionToken = (function (_super) {
__extends(InjectionToken, _super);
/**
* @param {?} desc
*/
function InjectionToken(desc) {
return _super.call(this, desc) || this;
}
/**
* @return {?}
*/
InjectionToken.prototype.toString = function () { return "InjectionToken " + this._desc; };
return InjectionToken;
}(OpaqueToken));
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var __window = typeof window !== 'undefined' && window;
var __self = typeof self !== 'undefined' && typeof WorkerGlobalScope !== 'undefined' &&
self instanceof WorkerGlobalScope && self;
var __global = typeof global !== 'undefined' && global;
var _global = __window || __global || __self;
var _symbolIterator = null;
/**
* @return {?}
*/
function getSymbolIterator() {
Eif (!_symbolIterator) {
var /** @type {?} */ Symbol = _global['Symbol'];
Eif (Symbol && Symbol.iterator) {
_symbolIterator = Symbol.iterator;
}
else {
// es6-shim specific logic
var /** @type {?} */ keys = Object.getOwnPropertyNames(Map.prototype);
for (var /** @type {?} */ i = 0; i < keys.length; ++i) {
var /** @type {?} */ key = keys[i];
if (key !== 'entries' && key !== 'size' &&
((Map)).prototype[key] === Map.prototype['entries']) {
_symbolIterator = key;
}
}
}
}
return _symbolIterator;
}
/**
* @param {?} fn
* @return {?}
*/
function scheduleMicroTask(fn) {
Zone.current.scheduleMicroTask('scheduleMicrotask', fn);
}
/**
* @param {?} a
* @param {?} b
* @return {?}
*/
function looseIdentical(a, b) {
return a === b || typeof a === 'number' && typeof b === 'number' && isNaN(a) && isNaN(b);
}
/**
* @param {?} token
* @return {?}
*/
function stringify(token) {
Iif (typeof token === 'string') {
return token;
}
Iif (token == null) {
return '' + token;
}
Iif (token.overriddenName) {
return "" + token.overriddenName;
}
Eif (token.name) {
return "" + token.name;
}
var /** @type {?} */ res = token.toString();
if (res == null) {
return '' + res;
}
var /** @type {?} */ newLineIndex = res.indexOf('\n');
return newLineIndex === -1 ? res : res.substring(0, newLineIndex);
}
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var _nextClassId = 0;
var Reflect = _global['Reflect'];
/**
* @param {?} annotation
* @return {?}
*/
function extractAnnotation(annotation) {
if (typeof annotation === 'function' && annotation.hasOwnProperty('annotation')) {
// it is a decorator, extract annotation
annotation = annotation.annotation;
}
return annotation;
}
/**
* @param {?} fnOrArray
* @param {?} key
* @return {?}
*/
function applyParams(fnOrArray, key) {
if (fnOrArray === Object || fnOrArray === String || fnOrArray === Function ||
fnOrArray === Number || fnOrArray === Array) {
throw new Error("Can not use native " + stringify(fnOrArray) + " as constructor");
}
if (typeof fnOrArray === 'function') {
return fnOrArray;
}
if (Array.isArray(fnOrArray)) {
var /** @type {?} */ annotations = fnOrArray;
var /** @type {?} */ annoLength = annotations.length - 1;
var /** @type {?} */ fn = fnOrArray[annoLength];
if (typeof fn !== 'function') {
throw new Error("Last position of Class method array must be Function in key " + key + " was '" + stringify(fn) + "'");
}
if (annoLength != fn.length) {
throw new Error("Number of annotations (" + annoLength + ") does not match number of arguments (" + fn.length + ") in the function: " + stringify(fn));
}
var /** @type {?} */ paramsAnnotations = [];
for (var /** @type {?} */ i = 0, /** @type {?} */ ii = annotations.length - 1; i < ii; i++) {
var /** @type {?} */ paramAnnotations = [];
paramsAnnotations.push(paramAnnotations);
var /** @type {?} */ annotation = annotations[i];
if (Array.isArray(annotation)) {
for (var /** @type {?} */ j = 0; j < annotation.length; j++) {
paramAnnotations.push(extractAnnotation(annotation[j]));
}
}
else if (typeof annotation === 'function') {
paramAnnotations.push(extractAnnotation(annotation));
}
else {
paramAnnotations.push(annotation);
}
}
Reflect.defineMetadata('parameters', paramsAnnotations, fn);
return fn;
}
throw new Error("Only Function or Array is supported in Class definition for key '" + key + "' is '" + stringify(fnOrArray) + "'");
}
/**
* Provides a way for expressing ES6 classes with parameter annotations in ES5.
*
* ## Basic Example
*
* ```
* var Greeter = ng.Class({
* constructor: function(name) {
* this.name = name;
* },
*
* greet: function() {
* alert('Hello ' + this.name + '!');
* }
* });
* ```
*
* is equivalent to ES6:
*
* ```
* class Greeter {
* constructor(name) {
* this.name = name;
* }
*
* greet() {
* alert('Hello ' + this.name + '!');
* }
* }
* ```
*
* or equivalent to ES5:
*
* ```
* var Greeter = function (name) {
* this.name = name;
* }
*
* Greeter.prototype.greet = function () {
* alert('Hello ' + this.name + '!');
* }
* ```
*
* ### Example with parameter annotations
*
* ```
* var MyService = ng.Class({
* constructor: [String, [new Optional(), Service], function(name, myService) {
* ...
* }]
* });
* ```
*
* is equivalent to ES6:
*
* ```
* class MyService {
* constructor(name: string, \@Optional() myService: Service) {
* ...
* }
* }
* ```
*
* ### Example with inheritance
*
* ```
* var Shape = ng.Class({
* constructor: (color) {
* this.color = color;
* }
* });
*
* var Square = ng.Class({
* extends: Shape,
* constructor: function(color, size) {
* Shape.call(this, color);
* this.size = size;
* }
* });
* ```
* @suppress {globalThis}
* \@stable
* @param {?} clsDef
* @return {?}
*/
function Class(clsDef) {
var /** @type {?} */ constructor = applyParams(clsDef.hasOwnProperty('constructor') ? clsDef.constructor : undefined, 'constructor');
var /** @type {?} */ proto = constructor.prototype;
if (clsDef.hasOwnProperty('extends')) {
if (typeof clsDef.extends === 'function') {
((constructor)).prototype = proto =
Object.create(((clsDef.extends)).prototype);
}
else {
throw new Error("Class definition 'extends' property must be a constructor function was: " + stringify(clsDef.extends));
}
}
for (var /** @type {?} */ key in clsDef) {
if (key !== 'extends' && key !== 'prototype' && clsDef.hasOwnProperty(key)) {
proto[key] = applyParams(clsDef[key], key);
}
}
if (this && this.annotations instanceof Array) {
Reflect.defineMetadata('annotations', this.annotations, constructor);
}
var /** @type {?} */ constructorName = constructor['name'];
if (!constructorName || constructorName === 'constructor') {
((constructor))['overriddenName'] = "class" + _nextClassId++;
}
return (constructor);
}
/**
* @suppress {globalThis}
* @param {?} name
* @param {?} props
* @param {?=} parentClass
* @param {?=} chainFn
* @return {?}
*/
function makeDecorator(name, props, parentClass, chainFn) {
Eif (chainFn === void 0) { chainFn = null; }
var /** @type {?} */ metaCtor = makeMetadataCtor([props]);
/**
* @param {?} objOrType
* @return {?}
*/
function DecoratorFactory(objOrType) {
if (!(Reflect && Reflect.getOwnMetadata)) {
throw 'reflect-metadata shim is required when using class decorators';
}
if (this instanceof DecoratorFactory) {
metaCtor.call(this, objOrType);
return this;
}
var /** @type {?} */ annotationInstance = new ((DecoratorFactory))(objOrType);
var /** @type {?} */ chainAnnotation = typeof this === 'function' && Array.isArray(this.annotations) ? this.annotations : [];
chainAnnotation.push(annotationInstance);
var /** @type {?} */ TypeDecorator = (function TypeDecorator(cls) {
var /** @type {?} */ annotations = Reflect.getOwnMetadata('annotations', cls) || [];
annotations.push(annotationInstance);
Reflect.defineMetadata('annotations', annotations, cls);
return cls;
});
TypeDecorator.annotations = chainAnnotation;
TypeDecorator.Class = Class;
if (chainFn)
chainFn(TypeDecorator);
return TypeDecorator;
}
if (parentClass) {
DecoratorFactory.prototype = Object.create(parentClass.prototype);
}
DecoratorFactory.prototype.toString = function () { return "@" + name; };
((DecoratorFactory)).annotationCls = DecoratorFactory;
return DecoratorFactory;
}
/**
* @param {?} props
* @return {?}
*/
function makeMetadataCtor(props) {
return function ctor() {
var _this = this;
var args = [];
for (var _i = 0; _i < arguments.length; _i++) {
args[_i] = arguments[_i];
}
props.forEach(function (prop, i) {
var /** @type {?} */ argVal = args[i];
Eif (Array.isArray(prop)) {
// plain parameter
_this[prop[0]] = argVal === undefined ? prop[1] : argVal;
}
else {
for (var /** @type {?} */ propName in prop) {
_this[propName] =
argVal && argVal.hasOwnProperty(propName) ? argVal[propName] : prop[propName];
}
}
});
};
}
/**
* @param {?} name
* @param {?} props
* @param {?=} parentClass
* @return {?}
*/
function makeParamDecorator(name, props, parentClass) {
var /** @type {?} */ metaCtor = makeMetadataCtor(props);
/**
* @param {...?} args
* @return {?}
*/
function ParamDecoratorFactory() {
var args = [];
for (var _i = 0; _i < arguments.length; _i++) {
args[_i] = arguments[_i];
}
Eif (this instanceof ParamDecoratorFactory) {
metaCtor.apply(this, args);
return this;
}
var /** @type {?} */ annotationInstance = new (((ParamDecoratorFactory)).bind.apply(((ParamDecoratorFactory)), [void 0].concat(args)))();
((ParamDecorator)).annotation = annotationInstance;
return ParamDecorator;
/**
* @param {?} cls
* @param {?} unusedKey
* @param {?} index
* @return {?}
*/
function ParamDecorator(cls, unusedKey, index) {
var /** @type {?} */ parameters = Reflect.getOwnMetadata('parameters', cls) || [];
// there might be gaps if some in between parameters do not have annotations.
// we pad with nulls.
while (parameters.length <= index) {
parameters.push(null);
}
parameters[index] = parameters[index] || [];
parameters[index].push(annotationInstance);
Reflect.defineMetadata('parameters', parameters, cls);
return cls;
}
}
Iif (parentClass) {
ParamDecoratorFactory.prototype = Object.create(parentClass.prototype);
}
ParamDecoratorFactory.prototype.toString = function () { return "@" + name; };
((ParamDecoratorFactory)).annotationCls = ParamDecoratorFactory;
return ParamDecoratorFactory;
}
/**
* @param {?} name
* @param {?} props
* @param {?=} parentClass
* @return {?}
*/
function makePropDecorator(name, props, parentClass) {
var /** @type {?} */ metaCtor = makeMetadataCtor(props);
/**
* @param {...?} args
* @return {?}
*/
function PropDecoratorFactory() {
var args = [];
for (var _i = 0; _i < arguments.length; _i++) {
args[_i] = arguments[_i];
}
if (this instanceof PropDecoratorFactory) {
metaCtor.apply(this, args);
return this;
}
var /** @type {?} */ decoratorInstance = new (((PropDecoratorFactory)).bind.apply(((PropDecoratorFactory)), [void 0].concat(args)))();
return function PropDecorator(target, name) {
var /** @type {?} */ meta = Reflect.getOwnMetadata('propMetadata', target.constructor) || {};
meta[name] = meta.hasOwnProperty(name) && meta[name] || [];
meta[name].unshift(decoratorInstance);
Reflect.defineMetadata('propMetadata', meta, target.constructor);
};
}
if (parentClass) {
PropDecoratorFactory.prototype = Object.create(parentClass.prototype);
}
PropDecoratorFactory.prototype.toString = function () { return "@" + name; };
((PropDecoratorFactory)).annotationCls = PropDecoratorFactory;
return PropDecoratorFactory;
}
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* This token can be used to create a virtual provider that will populate the
* `entryComponents` fields of components and ng modules based on its `useValue`.
* All components that are referenced in the `useValue` value (either directly
* or in a nested array or map) will be added to the `entryComponents` property.
*
* ### Example
* The following example shows how the router can populate the `entryComponents`
* field of an NgModule based on the router configuration which refers
* to components.
*
* ```typescript
* // helper function inside the router
* function provideRoutes(routes) {
* return [
* {provide: ROUTES, useValue: routes},
* {provide: ANALYZE_FOR_ENTRY_COMPONENTS, useValue: routes, multi: true}
* ];
* }
*
* // user code
* let routes = [
* {path: '/root', component: RootComp},
* {path: '/teams', component: TeamsComp}
* ];
*
* \@NgModule({
* providers: [provideRoutes(routes)]
* })
* class ModuleWithRoutes {}
* ```
*
* \@experimental
*/
var ANALYZE_FOR_ENTRY_COMPONENTS = new InjectionToken('AnalyzeForEntryComponents');
/**
* Attribute decorator and metadata.
*
* \@stable
* \@Annotation
*/
var Attribute = makeParamDecorator('Attribute', [['attributeName', undefined]]);
/**
* Base class for query metadata.
*
* See {\@link ContentChildren}, {\@link ContentChild}, {\@link ViewChildren}, {\@link ViewChild} for
* more information.
*
* \@stable
* @abstract
*/
var Query = (function () {
function Query() {
}
return Query;
}());
/**
* ContentChildren decorator and metadata.
*
* \@stable
* \@Annotation
*/
var ContentChildren = makePropDecorator('ContentChildren', [
['selector', undefined], {
first: false,
isViewQuery: false,
descendants: false,
read: undefined,
}
], Query);
/**
* ContentChild decorator and metadata.
*
* \@stable
* \@Annotation
*/
var ContentChild = makePropDecorator('ContentChild', [
['selector', undefined], {
first: true,
isViewQuery: false,
descendants: true,
read: undefined,
}
], Query);
/**
* ViewChildren decorator and metadata.
*
* \@stable
* \@Annotation
*/
var ViewChildren = makePropDecorator('ViewChildren', [
['selector', undefined], {
first: false,
isViewQuery: true,
descendants: true,
read: undefined,
}
], Query);
/**
* ViewChild decorator and metadata.
*
* \@stable
* \@Annotation
*/
var ViewChild = makePropDecorator('ViewChild', [
['selector', undefined], {
first: true,
isViewQuery: true,
descendants: true,
read: undefined,
}
], Query);
var ChangeDetectionStrategy = {};
ChangeDetectionStrategy.OnPush = 0;
ChangeDetectionStrategy.Default = 1;
ChangeDetectionStrategy[ChangeDetectionStrategy.OnPush] = "OnPush";
ChangeDetectionStrategy[ChangeDetectionStrategy.Default] = "Default";
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* Directive decorator and metadata.
*
* \@stable
* \@Annotation
*/
var Directive = makeDecorator('Directive', {
selector: undefined,
inputs: undefined,
outputs: undefined,
host: undefined,
providers: undefined,
exportAs: undefined,
queries: undefined
});
/**
* Component decorator and metadata.
*
* \@stable
* \@Annotation
*/
var Component = makeDecorator('Component', {
selector: undefined,
inputs: undefined,
outputs: undefined,
host: undefined,
exportAs: undefined,
moduleId: undefined,
providers: undefined,
viewProviders: undefined,
changeDetection: ChangeDetectionStrategy.Default,
queries: undefined,
templateUrl: undefined,
template: undefined,
styleUrls: undefined,
styles: undefined,
animations: undefined,
encapsulation: undefined,
interpolation: undefined,
entryComponents: undefined
}, Directive);
/**
* Pipe decorator and metadata.
*
* \@stable
* \@Annotation
*/
var Pipe = makeDecorator('Pipe', {
name: undefined,
pure: true,
});
/**
* Input decorator and metadata.
*
* \@stable
* \@Annotation
*/
var Input = makePropDecorator('Input', [['bindingPropertyName', undefined]]);
/**
* Output decorator and metadata.
*
* \@stable
* \@Annotation
*/
var Output = makePropDecorator('Output', [['bindingPropertyName', undefined]]);
/**
* HostBinding decorator and metadata.
*
* \@stable
* \@Annotation
*/
var HostBinding = makePropDecorator('HostBinding', [['hostPropertyName', undefined]]);
/**
* HostListener decorator and metadata.
*
* \@stable
* \@Annotation
*/
var HostListener = makePropDecorator('HostListener', [['eventName', undefined], ['args', []]]);
/**
* NgModule decorator and metadata.
*
* \@stable
* \@Annotation
*/
var NgModule = makeDecorator('NgModule', {
providers: undefined,
declarations: undefined,
imports: undefined,
exports: undefined,
entryComponents: undefined,
bootstrap: undefined,
schemas: undefined,
id: undefined,
});
var ViewEncapsulation = {};
ViewEncapsulation.Emulated = 0;
ViewEncapsulation.Native = 1;
ViewEncapsulation.None = 2;
ViewEncapsulation[ViewEncapsulation.Emulated] = "Emulated";
ViewEncapsulation[ViewEncapsulation.Native] = "Native";
ViewEncapsulation[ViewEncapsulation.None] = "None";
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* \@whatItDoes Represents the version of Angular
*
* \@stable
*/
var Version = (function () {
/**
* @param {?} full
*/
function Version(full) {
this.full = full;
}
Object.defineProperty(Version.prototype, "major", {
/**
* @return {?}
*/
get: function () { return this.full.split('.')[0]; },
enumerable: true,
configurable: true
});
Object.defineProperty(Version.prototype, "minor", {
/**
* @return {?}
*/
get: function () { return this.full.split('.')[1]; },
enumerable: true,
configurable: true
});
Object.defineProperty(Version.prototype, "patch", {
/**
* @return {?}
*/
get: function () { return this.full.split('.').slice(2).join('.'); },
enumerable: true,
configurable: true
});
return Version;
}());
/**
* \@stable
*/
var VERSION = new Version('4.0.0');
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* Inject decorator and metadata.
*
* \@stable
* \@Annotation
*/
var Inject = makeParamDecorator('Inject', [['token', undefined]]);
/**
* Optional decorator and metadata.
*
* \@stable
* \@Annotation
*/
var Optional = makeParamDecorator('Optional', []);
/**
* Injectable decorator and metadata.
*
* \@stable
* \@Annotation
*/
var Injectable = makeDecorator('Injectable', []);
/**
* Self decorator and metadata.
*
* \@stable
* \@Annotation
*/
var Self = makeParamDecorator('Self', []);
/**
* SkipSelf decorator and metadata.
*
* \@stable
* \@Annotation
*/
var SkipSelf = makeParamDecorator('SkipSelf', []);
/**
* Host decorator and metadata.
*
* \@stable
* \@Annotation
*/
var Host = makeParamDecorator('Host', []);
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* Allows to refer to references which are not yet defined.
*
* For instance, `forwardRef` is used when the `token` which we need to refer to for the purposes of
* DI is declared,
* but not yet defined. It is also used when the `token` which we use when creating a query is not
* yet defined.
*
* ### Example
* {\@example core/di/ts/forward_ref/forward_ref_spec.ts region='forward_ref'}
* \@experimental
* @param {?} forwardRefFn
* @return {?}
*/
function forwardRef(forwardRefFn) {
((forwardRefFn)).__forward_ref__ = forwardRef;
((forwardRefFn)).toString = function () { return stringify(this()); };
return (((forwardRefFn)));
}
/**
* Lazily retrieves the reference value from a forwardRef.
*
* Acts as the identity function when given a non-forward-ref value.
*
* ### Example ([live demo](http://plnkr.co/edit/GU72mJrk1fiodChcmiDR?p=preview))
*
* {\@example core/di/ts/forward_ref/forward_ref_spec.ts region='resolve_forward_ref'}
*
* See: {\@link forwardRef}
* \@experimental
* @param {?} type
* @return {?}
*/
function resolveForwardRef(type) {
Iif (typeof type === 'function' && type.hasOwnProperty('__forward_ref__') &&
type.__forward_ref__ === forwardRef) {
return ((type))();
}
else {
return type;
}
}
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var _THROW_IF_NOT_FOUND = new Object();
var THROW_IF_NOT_FOUND = _THROW_IF_NOT_FOUND;
var _NullInjector = (function () {
function _NullInjector() {
}
/**
* @param {?} token
* @param {?=} notFoundValue
* @return {?}
*/
_NullInjector.prototype.get = function (token, notFoundValue) {
if (notFoundValue === void 0) { notFoundValue = _THROW_IF_NOT_FOUND; }
if (notFoundValue === _THROW_IF_NOT_FOUND) {
throw new Error("No provider for " + stringify(token) + "!");
}
return notFoundValue;
};
return _NullInjector;
}());
/**
* \@whatItDoes Injector interface
* \@howToUse
* ```
* const injector: Injector = ...;
* injector.get(...);
* ```
*
* \@description
* For more details, see the {\@linkDocs guide/dependency-injection "Dependency Injection Guide"}.
*
* ### Example
*
* {\@example core/di/ts/injector_spec.ts region='Injector'}
*
* `Injector` returns itself when given `Injector` as a token:
* {\@example core/di/ts/injector_spec.ts region='injectInjector'}
*
* \@stable
* @abstract
*/
var Injector = (function () {
function Injector() {
}
/**
* Retrieves an instance from the injector based on the provided token.
* If not found:
* - Throws {\@link NoProviderError} if no `notFoundValue` that is not equal to
* Injector.THROW_IF_NOT_FOUND is given
* - Returns the `notFoundValue` otherwise
* @abstract
* @template T
* @param {?} token
* @param {?=} notFoundValue
* @return {?}
*/
Injector.prototype.get = function (token, notFoundValue) { };
/**
* @deprecated from v4.0.0 use Type<T> or InjectToken<T>
* @suppress {duplicate}
* @abstract
* @param {?} token
* @param {?=} notFoundValue
* @return {?}
*/
Injector.prototype.get = function (token, notFoundValue) { };
return Injector;
}());
Injector.THROW_IF_NOT_FOUND = _THROW_IF_NOT_FOUND;
Injector.NULL = new _NullInjector();
var ERROR_DEBUG_CONTEXT = 'ngDebugContext';
var ERROR_ORIGINAL_ERROR = 'ngOriginalError';
var ERROR_LOGGER = 'ngErrorLogger';
/**
* @param {?} error
* @return {?}
*/
/**
* @param {?} error
* @return {?}
*/
function getDebugContext(error) {
return ((error))[ERROR_DEBUG_CONTEXT];
}
/**
* @param {?} error
* @return {?}
*/
function getOriginalError(error) {
return ((error))[ERROR_ORIGINAL_ERROR];
}
/**
* @param {?} error
* @return {?}
*/
function getErrorLogger(error) {
return ((error))[ERROR_LOGGER] || defaultErrorLogger;
}
/**
* @param {?} console
* @param {...?} values
* @return {?}
*/
function defaultErrorLogger(console) {
var values = [];
for (var _i = 1; _i < arguments.length; _i++) {
values[_i - 1] = arguments[_i];
}
console.error.apply(console, values);
}
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* \@whatItDoes Provides a hook for centralized exception handling.
*
* \@description
*
* The default implementation of `ErrorHandler` prints error messages to the `console`. To
* intercept error handling, write a custom exception handler that replaces this default as
* appropriate for your app.
*
* ### Example
*
* ```
* class MyErrorHandler implements ErrorHandler {
* handleError(error) {
* // do something with the exception
* }
* }
*
* \@NgModule({
* providers: [{provide: ErrorHandler, useClass: MyErrorHandler}]
* })
* class MyModule {}
* ```
*
* \@stable
*/
var ErrorHandler = (function () {
/**
* @param {?=} deprecatedParameter
*/
function ErrorHandler(
/**
* @deprecated since v4.0 parameter no longer has an effect, as ErrorHandler will never
* rethrow.
*/
deprecatedParameter) {
/**
* \@internal
*/
this._console = console;
}
/**
* @param {?} error
* @return {?}
*/
ErrorHandler.prototype.handleError = function (error) {
var /** @type {?} */ originalError = this._findOriginalError(error);
var /** @type {?} */ context = this._findContext(error);
// Note: Browser consoles show the place from where console.error was called.
// We can use this to give users additional information about the error.
var /** @type {?} */ errorLogger = getErrorLogger(error);
errorLogger(this._console, "ERROR", error);
if (originalError) {
errorLogger(this._console, "ORIGINAL ERROR", originalError);
}
if (context) {
errorLogger(this._console, 'ERROR CONTEXT', context);
}
};
/**
* \@internal
* @param {?} error
* @return {?}
*/
ErrorHandler.prototype._findContext = function (error) {
if (error) {
return getDebugContext(error) ? getDebugContext(error) :
this._findContext(getOriginalError(error));
}
return null;
};
/**
* \@internal
* @param {?} error
* @return {?}
*/
ErrorHandler.prototype._findOriginalError = function (error) {
var /** @type {?} */ e = getOriginalError(error);
while (e && getOriginalError(e)) {
e = getOriginalError(e);
}
return e;
};
return ErrorHandler;
}());
/**
* @param {?} message
* @param {?} originalError
* @return {?}
*/
function wrappedError(message, originalError) {
var /** @type {?} */ msg = message + " caused by: " + (originalError instanceof Error ? originalError.message : originalError);
var /** @type {?} */ error = Error(msg);
((error))[ERROR_ORIGINAL_ERROR] = originalError;
return error;
}
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* @param {?} keys
* @return {?}
*/
function findFirstClosedCycle(keys) {
var /** @type {?} */ res = [];
for (var /** @type {?} */ i = 0; i < keys.length; ++i) {
if (res.indexOf(keys[i]) > -1) {
res.push(keys[i]);
return res;
}
res.push(keys[i]);
}
return res;
}
/**
* @param {?} keys
* @return {?}
*/
function constructResolvingPath(keys) {
if (keys.length > 1) {
var /** @type {?} */ reversed = findFirstClosedCycle(keys.slice().reverse());
var /** @type {?} */ tokenStrs = reversed.map(function (k) { return stringify(k.token); });
return ' (' + tokenStrs.join(' -> ') + ')';
}
return '';
}
/**
* @param {?} injector
* @param {?} key
* @param {?} constructResolvingMessage
* @param {?=} originalError
* @return {?}
*/
function injectionError(injector, key, constructResolvingMessage, originalError) {
var /** @type {?} */ error = ((originalError ? wrappedError('', originalError) : Error()));
error.addKey = addKey;
error.keys = [key];
error.injectors = [injector];
error.constructResolvingMessage = constructResolvingMessage;
error.message = error.constructResolvingMessage();
((error))[ERROR_ORIGINAL_ERROR] = originalError;
return error;
}
/**
* @this {?}
* @param {?} injector
* @param {?} key
* @return {?}
*/
function addKey(injector, key) {
this.injectors.push(injector);
this.keys.push(key);
this.message = this.constructResolvingMessage();
}
/**
* Thrown when trying to retrieve a dependency by key from {\@link Injector}, but the
* {\@link Injector} does not have a {\@link Provider} for the given key.
*
* ### Example ([live demo](http://plnkr.co/edit/vq8D3FRB9aGbnWJqtEPE?p=preview))
*
* ```typescript
* class A {
* constructor(b:B) {}
* }
*
* expect(() => Injector.resolveAndCreate([A])).toThrowError();
* ```
* @param {?} injector
* @param {?} key
* @return {?}
*/
function noProviderError(injector, key) {
return injectionError(injector, key, function () {
var /** @type {?} */ first = stringify(this.keys[0].token);
return "No provider for " + first + "!" + constructResolvingPath(this.keys);
});
}
/**
* Thrown when dependencies form a cycle.
*
* ### Example ([live demo](http://plnkr.co/edit/wYQdNos0Tzql3ei1EV9j?p=info))
*
* ```typescript
* var injector = Injector.resolveAndCreate([
* {provide: "one", useFactory: (two) => "two", deps: [[new Inject("two")]]},
* {provide: "two", useFactory: (one) => "one", deps: [[new Inject("one")]]}
* ]);
*
* expect(() => injector.get("one")).toThrowError();
* ```
*
* Retrieving `A` or `B` throws a `CyclicDependencyError` as the graph above cannot be constructed.
* @param {?} injector
* @param {?} key
* @return {?}
*/
function cyclicDependencyError(injector, key) {
return injectionError(injector, key, function () {
return "Cannot instantiate cyclic dependency!" + constructResolvingPath(this.keys);
});
}
/**
* Thrown when a constructing type returns with an Error.
*
* The `InstantiationError` class contains the original error plus the dependency graph which caused
* this object to be instantiated.
*
* ### Example ([live demo](http://plnkr.co/edit/7aWYdcqTQsP0eNqEdUAf?p=preview))
*
* ```typescript
* class A {
* constructor() {
* throw new Error('message');
* }
* }
*
* var injector = Injector.resolveAndCreate([A]);
* try {
* injector.get(A);
* } catch (e) {
* expect(e instanceof InstantiationError).toBe(true);
* expect(e.originalException.message).toEqual("message");
* expect(e.originalStack).toBeDefined();
* }
* ```
* @param {?} injector
* @param {?} originalException
* @param {?} originalStack
* @param {?} key
* @return {?}
*/
function instantiationError(injector, originalException, originalStack, key) {
return injectionError(injector, key, function () {
var /** @type {?} */ first = stringify(this.keys[0].token);
return getOriginalError(this).message + ": Error during instantiation of " + first + "!" + constructResolvingPath(this.keys) + ".";
}, originalException);
}
/**
* Thrown when an object other then {\@link Provider} (or `Type`) is passed to {\@link Injector}
* creation.
*
* ### Example ([live demo](http://plnkr.co/edit/YatCFbPAMCL0JSSQ4mvH?p=preview))
*
* ```typescript
* expect(() => Injector.resolveAndCreate(["not a type"])).toThrowError();
* ```
* @param {?} provider
* @return {?}
*/
function invalidProviderError(provider) {
return Error("Invalid provider - only instances of Provider and Type are allowed, got: " + provider);
}
/**
* Thrown when the class has no annotation information.
*
* Lack of annotation information prevents the {\@link Injector} from determining which dependencies
* need to be injected into the constructor.
*
* ### Example ([live demo](http://plnkr.co/edit/rHnZtlNS7vJOPQ6pcVkm?p=preview))
*
* ```typescript
* class A {
* constructor(b) {}
* }
*
* expect(() => Injector.resolveAndCreate([A])).toThrowError();
* ```
*
* This error is also thrown when the class not marked with {\@link Injectable} has parameter types.
*
* ```typescript
* class B {}
*
* class A {
* constructor(b:B) {} // no information about the parameter types of A is available at runtime.
* }
*
* expect(() => Injector.resolveAndCreate([A,B])).toThrowError();
* ```
* \@stable
* @param {?} typeOrFunc
* @param {?} params
* @return {?}
*/
function noAnnotationError(typeOrFunc, params) {
var /** @type {?} */ signature = [];
for (var /** @type {?} */ i = 0, /** @type {?} */ ii = params.length; i < ii; i++) {
var /** @type {?} */ parameter = params[i];
if (!parameter || parameter.length == 0) {
signature.push('?');
}
else {
signature.push(parameter.map(stringify).join(' '));
}
}
return Error('Cannot resolve all parameters for \'' + stringify(typeOrFunc) + '\'(' +
signature.join(', ') + '). ' +
'Make sure that all the parameters are decorated with Inject or have valid type annotations and that \'' +
stringify(typeOrFunc) + '\' is decorated with Injectable.');
}
/**
* Thrown when getting an object by index.
*
* ### Example ([live demo](http://plnkr.co/edit/bRs0SX2OTQiJzqvjgl8P?p=preview))
*
* ```typescript
* class A {}
*
* var injector = Injector.resolveAndCreate([A]);
*
* expect(() => injector.getAt(100)).toThrowError();
* ```
* \@stable
* @param {?} index
* @return {?}
*/
function outOfBoundsError(index) {
return Error("Index " + index + " is out-of-bounds.");
}
/**
* Thrown when a multi provider and a regular provider are bound to the same token.
*
* ### Example
*
* ```typescript
* expect(() => Injector.resolveAndCreate([
* { provide: "Strings", useValue: "string1", multi: true},
* { provide: "Strings", useValue: "string2", multi: false}
* ])).toThrowError();
* ```
* @param {?} provider1
* @param {?} provider2
* @return {?}
*/
function mixingMultiProvidersWithRegularProvidersError(provider1, provider2) {
return Error("Cannot mix multi providers and regular providers, got: " + provider1 + " " + provider2);
}
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* A unique object used for retrieving items from the {\@link ReflectiveInjector}.
*
* Keys have:
* - a system-wide unique `id`.
* - a `token`.
*
* `Key` is used internally by {\@link ReflectiveInjector} because its system-wide unique `id` allows
* the
* injector to store created objects in a more efficient way.
*
* `Key` should not be created directly. {\@link ReflectiveInjector} creates keys automatically when
* resolving
* providers.
* \@experimental
*/
var ReflectiveKey = (function () {
/**
* Private
* @param {?} token
* @param {?} id
*/
function ReflectiveKey(token, id) {
this.token = token;
this.id = id;
Iif (!token) {
throw new Error('Token must be defined!');
}
}
Object.defineProperty(ReflectiveKey.prototype, "displayName", {
/**
* Returns a stringified token.
* @return {?}
*/
get: function () { return stringify(this.token); },
enumerable: true,
configurable: true
});
/**
* Retrieves a `Key` for a token.
* @param {?} token
* @return {?}
*/
ReflectiveKey.get = function (token) {
return _globalKeyRegistry.get(resolveForwardRef(token));
};
Object.defineProperty(ReflectiveKey, "numberOfKeys", {
/**
* @return {?} the number of keys registered in the system.
*/
get: function () { return _globalKeyRegistry.numberOfKeys; },
enumerable: true,
configurable: true
});
return ReflectiveKey;
}());
/**
* \@internal
*/
var KeyRegistry = (function () {
function KeyRegistry() {
this._allKeys = new Map();
}
/**
* @param {?} token
* @return {?}
*/
KeyRegistry.prototype.get = function (token) {
Iif (token instanceof ReflectiveKey)
return token;
Iif (this._allKeys.has(token)) {
return this._allKeys.get(token);
}
var /** @type {?} */ newKey = new ReflectiveKey(token, ReflectiveKey.numberOfKeys);
this._allKeys.set(token, newKey);
return newKey;
};
Object.defineProperty(KeyRegistry.prototype, "numberOfKeys", {
/**
* @return {?}
*/
get: function () { return this._allKeys.size; },
enumerable: true,
configurable: true
});
return KeyRegistry;
}());
var _globalKeyRegistry = new KeyRegistry();
/**
* \@whatItDoes Represents a type that a Component or other object is instances of.
*
* \@description
*
* An example of a `Type` is `MyCustomComponent` class, which in JavaScript is be represented by
* the `MyCustomComponent` constructor function.
*
* \@stable
*/
var Type = Function;
/**
* @param {?} v
* @return {?}
*/
function isType(v) {
return typeof v === 'function';
}
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* Attention: This regex has to hold even if the code is minified!
*/
var DELEGATE_CTOR = /^function\s+\S+\(\)\s*{\s*("use strict";)?\s*(return\s+)?(\S+\s+!==\s+null\s+&&\s+)?\S+\.apply\(this,\s*arguments\)/;
var ReflectionCapabilities = (function () {
/**
* @param {?=} reflect
*/
function ReflectionCapabilities(reflect) {
this._reflect = reflect || _global['Reflect'];
}
/**
* @return {?}
*/
ReflectionCapabilities.prototype.isReflectionEnabled = function () { return true; };
/**
* @template T
* @param {?} t
* @return {?}
*/
ReflectionCapabilities.prototype.factory = function (t) { return function () {
var args = [];
for (var _i = 0; _i < arguments.length; _i++) {
args[_i] = arguments[_i];
}
return new (t.bind.apply(t, [void 0].concat(args)))();
}; };
/**
* \@internal
* @param {?} paramTypes
* @param {?} paramAnnotations
* @return {?}
*/
ReflectionCapabilities.prototype._zipTypesAndAnnotations = function (paramTypes, paramAnnotations) {
var /** @type {?} */ result;
if (typeof paramTypes === 'undefined') {
result = new Array(paramAnnotations.length);
}
else {
result = new Array(paramTypes.length);
}
for (var /** @type {?} */ i = 0; i < result.length; i++) {
// TS outputs Object for parameters without types, while Traceur omits
// the annotations. For now we preserve the Traceur behavior to aid
// migration, but this can be revisited.
if (typeof paramTypes === 'undefined') {
result[i] = [];
}
else if (paramTypes[i] != Object) {
result[i] = [paramTypes[i]];
}
else {
result[i] = [];
}
if (paramAnnotations && paramAnnotations[i] != null) {
result[i] = result[i].concat(paramAnnotations[i]);
}
}
return result;
};
/**
* @param {?} type
* @param {?} parentCtor
* @return {?}
*/
ReflectionCapabilities.prototype._ownParameters = function (type, parentCtor) {
// If we have no decorators, we only have function.length as metadata.
// In that case, to detect whether a child class declared an own constructor or not,
// we need to look inside of that constructor to check whether it is
// just calling the parent.
// This also helps to work around for https://github.com/Microsoft/TypeScript/issues/12439
// that sets 'design:paramtypes' to []
// if a class inherits from another class but has no ctor declared itself.
if (DELEGATE_CTOR.exec(type.toString())) {
return null;
}
// Prefer the direct API.
if (((type)).parameters && ((type)).parameters !== parentCtor.parameters) {
return ((type)).parameters;
}
// API of tsickle for lowering decorators to properties on the class.
var /** @type {?} */ tsickleCtorParams = ((type)).ctorParameters;
if (tsickleCtorParams && tsickleCtorParams !== parentCtor.ctorParameters) {
// Newer tsickle uses a function closure
// Retain the non-function case for compatibility with older tsickle
var /** @type {?} */ ctorParameters = typeof tsickleCtorParams === 'function' ? tsickleCtorParams() : tsickleCtorParams;
var /** @type {?} */ paramTypes = ctorParameters.map(function (ctorParam) { return ctorParam && ctorParam.type; });
var /** @type {?} */ paramAnnotations = ctorParameters.map(function (ctorParam) { return ctorParam && convertTsickleDecoratorIntoMetadata(ctorParam.decorators); });
return this._zipTypesAndAnnotations(paramTypes, paramAnnotations);
}
// API for metadata created by invoking the decorators.
if (this._reflect != null && this._reflect.getOwnMetadata != null) {
var /** @type {?} */ paramAnnotations = this._reflect.getOwnMetadata('parameters', type);
var /** @type {?} */ paramTypes = this._reflect.getOwnMetadata('design:paramtypes', type);
if (paramTypes || paramAnnotations) {
return this._zipTypesAndAnnotations(paramTypes, paramAnnotations);
}
}
// If a class has no decorators, at least create metadata
// based on function.length.
// Note: We know that this is a real constructor as we checked
// the content of the constructor above.
return new Array(((type.length))).fill(undefined);
};
/**
* @param {?} type
* @return {?}
*/
ReflectionCapabilities.prototype.parameters = function (type) {
// Note: only report metadata if we have at least one class decorator
// to stay in sync with the static reflector.
if (!isType(type)) {
return [];
}
var /** @type {?} */ parentCtor = getParentCtor(type);
var /** @type {?} */ parameters = this._ownParameters(type, parentCtor);
if (!parameters && parentCtor !== Object) {
parameters = this.parameters(parentCtor);
}
return parameters || [];
};
/**
* @param {?} typeOrFunc
* @param {?} parentCtor
* @return {?}
*/
ReflectionCapabilities.prototype._ownAnnotations = function (typeOrFunc, parentCtor) {
// Prefer the direct API.
if (((typeOrFunc)).annotations && ((typeOrFunc)).annotations !== parentCtor.annotations) {
var /** @type {?} */ annotations = ((typeOrFunc)).annotations;
if (typeof annotations === 'function' && annotations.annotations) {
annotations = annotations.annotations;
}
return annotations;
}
// API of tsickle for lowering decorators to properties on the class.
if (((typeOrFunc)).decorators && ((typeOrFunc)).decorators !== parentCtor.decorators) {
return convertTsickleDecoratorIntoMetadata(((typeOrFunc)).decorators);
}
// API for metadata created by invoking the decorators.
if (this._reflect && this._reflect.getOwnMetadata) {
return this._reflect.getOwnMetadata('annotations', typeOrFunc);
}
};
/**
* @param {?} typeOrFunc
* @return {?}
*/
ReflectionCapabilities.prototype.annotations = function (typeOrFunc) {
if (!isType(typeOrFunc)) {
return [];
}
var /** @type {?} */ parentCtor = getParentCtor(typeOrFunc);
var /** @type {?} */ ownAnnotations = this._ownAnnotations(typeOrFunc, parentCtor) || [];
var /** @type {?} */ parentAnnotations = parentCtor !== Object ? this.annotations(parentCtor) : [];
return parentAnnotations.concat(ownAnnotations);
};
/**
* @param {?} typeOrFunc
* @param {?} parentCtor
* @return {?}
*/
ReflectionCapabilities.prototype._ownPropMetadata = function (typeOrFunc, parentCtor) {
// Prefer the direct API.
if (((typeOrFunc)).propMetadata &&
((typeOrFunc)).propMetadata !== parentCtor.propMetadata) {
var /** @type {?} */ propMetadata = ((typeOrFunc)).propMetadata;
if (typeof propMetadata === 'function' && propMetadata.propMetadata) {
propMetadata = propMetadata.propMetadata;
}
return propMetadata;
}
// API of tsickle for lowering decorators to properties on the class.
if (((typeOrFunc)).propDecorators &&
((typeOrFunc)).propDecorators !== parentCtor.propDecorators) {
var /** @type {?} */ propDecorators_1 = ((typeOrFunc)).propDecorators;
var /** @type {?} */ propMetadata_1 = ({});
Object.keys(propDecorators_1).forEach(function (prop) {
propMetadata_1[prop] = convertTsickleDecoratorIntoMetadata(propDecorators_1[prop]);
});
return propMetadata_1;
}
// API for metadata created by invoking the decorators.
if (this._reflect && this._reflect.getOwnMetadata) {
return this._reflect.getOwnMetadata('propMetadata', typeOrFunc);
}
};
/**
* @param {?} typeOrFunc
* @return {?}
*/
ReflectionCapabilities.prototype.propMetadata = function (typeOrFunc) {
if (!isType(typeOrFunc)) {
return {};
}
var /** @type {?} */ parentCtor = getParentCtor(typeOrFunc);
var /** @type {?} */ propMetadata = {};
if (parentCtor !== Object) {
var /** @type {?} */ parentPropMetadata_1 = this.propMetadata(parentCtor);
Object.keys(parentPropMetadata_1).forEach(function (propName) {
propMetadata[propName] = parentPropMetadata_1[propName];
});
}
var /** @type {?} */ ownPropMetadata = this._ownPropMetadata(typeOrFunc, parentCtor);
if (ownPropMetadata) {
Object.keys(ownPropMetadata).forEach(function (propName) {
var /** @type {?} */ decorators = [];
if (propMetadata.hasOwnProperty(propName)) {
decorators.push.apply(decorators, propMetadata[propName]);
}
decorators.push.apply(decorators, ownPropMetadata[propName]);
propMetadata[propName] = decorators;
});
}
return propMetadata;
};
/**
* @param {?} type
* @param {?} lcProperty
* @return {?}
*/
ReflectionCapabilities.prototype.hasLifecycleHook = function (type, lcProperty) {
return type instanceof Type && lcProperty in type.prototype;
};
/**
* @param {?} name
* @return {?}
*/
ReflectionCapabilities.prototype.getter = function (name) { return (new Function('o', 'return o.' + name + ';')); };
/**
* @param {?} name
* @return {?}
*/
ReflectionCapabilities.prototype.setter = function (name) {
return (new Function('o', 'v', 'return o.' + name + ' = v;'));
};
/**
* @param {?} name
* @return {?}
*/
ReflectionCapabilities.prototype.method = function (name) {
var /** @type {?} */ functionBody = "if (!o." + name + ") throw new Error('\"" + name + "\" is undefined');\n return o." + name + ".apply(o, args);";
return (new Function('o', 'args', functionBody));
};
/**
* @param {?} type
* @return {?}
*/
ReflectionCapabilities.prototype.importUri = function (type) {
// StaticSymbol
if (typeof type === 'object' && type['filePath']) {
return type['filePath'];
}
// Runtime type
return "./" + stringify(type);
};
/**
* @param {?} type
* @return {?}
*/
ReflectionCapabilities.prototype.resourceUri = function (type) { return "./" + stringify(type); };
/**
* @param {?} name
* @param {?} moduleUrl
* @param {?} members
* @param {?} runtime
* @return {?}
*/
ReflectionCapabilities.prototype.resolveIdentifier = function (name, moduleUrl, members, runtime) {
return runtime;
};
/**
* @param {?} enumIdentifier
* @param {?} name
* @return {?}
*/
ReflectionCapabilities.prototype.resolveEnum = function (enumIdentifier, name) { return enumIdentifier[name]; };
return ReflectionCapabilities;
}());
/**
* @param {?} decoratorInvocations
* @return {?}
*/
function convertTsickleDecoratorIntoMetadata(decoratorInvocations) {
if (!decoratorInvocations) {
return [];
}
return decoratorInvocations.map(function (decoratorInvocation) {
var /** @type {?} */ decoratorType = decoratorInvocation.type;
var /** @type {?} */ annotationCls = decoratorType.annotationCls;
var /** @type {?} */ annotationArgs = decoratorInvocation.args ? decoratorInvocation.args : [];
return new (annotationCls.bind.apply(annotationCls, [void 0].concat(annotationArgs)))();
});
}
/**
* @param {?} ctor
* @return {?}
*/
function getParentCtor(ctor) {
var /** @type {?} */ parentProto = Object.getPrototypeOf(ctor.prototype);
var /** @type {?} */ parentCtor = parentProto ? parentProto.constructor : null;
// Note: We always use `Object` as the null value
// to simplify checking later on.
return parentCtor || Object;
}
/**
* Provides read-only access to reflection data about symbols. Used internally by Angular
* to power dependency injection and compilation.
* @abstract
*/
var ReflectorReader = (function () {
function ReflectorReader() {
}
/**
* @abstract
* @param {?} typeOrFunc
* @return {?}
*/
ReflectorReader.prototype.parameters = function (typeOrFunc) { };
/**
* @abstract
* @param {?} typeOrFunc
* @return {?}
*/
ReflectorReader.prototype.annotations = function (typeOrFunc) { };
/**
* @abstract
* @param {?} typeOrFunc
* @return {?}
*/
ReflectorReader.prototype.propMetadata = function (typeOrFunc) { };
/**
* @abstract
* @param {?} typeOrFunc
* @return {?}
*/
ReflectorReader.prototype.importUri = function (typeOrFunc) { };
/**
* @abstract
* @param {?} typeOrFunc
* @return {?}
*/
ReflectorReader.prototype.resourceUri = function (typeOrFunc) { };
/**
* @abstract
* @param {?} name
* @param {?} moduleUrl
* @param {?} members
* @param {?} runtime
* @return {?}
*/
ReflectorReader.prototype.resolveIdentifier = function (name, moduleUrl, members, runtime) { };
/**
* @abstract
* @param {?} identifier
* @param {?} name
* @return {?}
*/
ReflectorReader.prototype.resolveEnum = function (identifier, name) { };
return ReflectorReader;
}());
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* Provides access to reflection data about symbols. Used internally by Angular
* to power dependency injection and compilation.
*/
var Reflector = (function (_super) {
__extends(Reflector, _super);
/**
* @param {?} reflectionCapabilities
*/
function Reflector(reflectionCapabilities) {
var _this = _super.call(this) || this;
_this.reflectionCapabilities = reflectionCapabilities;
return _this;
}
/**
* @param {?} caps
* @return {?}
*/
Reflector.prototype.updateCapabilities = function (caps) { this.reflectionCapabilities = caps; };
/**
* @param {?} type
* @return {?}
*/
Reflector.prototype.factory = function (type) { return this.reflectionCapabilities.factory(type); };
/**
* @param {?} typeOrFunc
* @return {?}
*/
Reflector.prototype.parameters = function (typeOrFunc) {
return this.reflectionCapabilities.parameters(typeOrFunc);
};
/**
* @param {?} typeOrFunc
* @return {?}
*/
Reflector.prototype.annotations = function (typeOrFunc) {
return this.reflectionCapabilities.annotations(typeOrFunc);
};
/**
* @param {?} typeOrFunc
* @return {?}
*/
Reflector.prototype.propMetadata = function (typeOrFunc) {
return this.reflectionCapabilities.propMetadata(typeOrFunc);
};
/**
* @param {?} type
* @param {?} lcProperty
* @return {?}
*/
Reflector.prototype.hasLifecycleHook = function (type, lcProperty) {
return this.reflectionCapabilities.hasLifecycleHook(type, lcProperty);
};
/**
* @param {?} name
* @return {?}
*/
Reflector.prototype.getter = function (name) { return this.reflectionCapabilities.getter(name); };
/**
* @param {?} name
* @return {?}
*/
Reflector.prototype.setter = function (name) { return this.reflectionCapabilities.setter(name); };
/**
* @param {?} name
* @return {?}
*/
Reflector.prototype.method = function (name) { return this.reflectionCapabilities.method(name); };
/**
* @param {?} type
* @return {?}
*/
Reflector.prototype.importUri = function (type) { return this.reflectionCapabilities.importUri(type); };
/**
* @param {?} type
* @return {?}
*/
Reflector.prototype.resourceUri = function (type) { return this.reflectionCapabilities.resourceUri(type); };
/**
* @param {?} name
* @param {?} moduleUrl
* @param {?} members
* @param {?} runtime
* @return {?}
*/
Reflector.prototype.resolveIdentifier = function (name, moduleUrl, members, runtime) {
return this.reflectionCapabilities.resolveIdentifier(name, moduleUrl, members, runtime);
};
/**
* @param {?} identifier
* @param {?} name
* @return {?}
*/
Reflector.prototype.resolveEnum = function (identifier, name) {
return this.reflectionCapabilities.resolveEnum(identifier, name);
};
return Reflector;
}(ReflectorReader));
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* The {@link Reflector} used internally in Angular to access metadata
* about symbols.
*/
var reflector = new Reflector(new ReflectionCapabilities());
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* `Dependency` is used by the framework to extend DI.
* This is internal to Angular and should not be used directly.
*/
var ReflectiveDependency = (function () {
/**
* @param {?} key
* @param {?} optional
* @param {?} visibility
*/
function ReflectiveDependency(key, optional, visibility) {
this.key = key;
this.optional = optional;
this.visibility = visibility;
}
/**
* @param {?} key
* @return {?}
*/
ReflectiveDependency.fromKey = function (key) {
return new ReflectiveDependency(key, false, null);
};
return ReflectiveDependency;
}());
var _EMPTY_LIST = [];
var ResolvedReflectiveProvider_ = (function () {
/**
* @param {?} key
* @param {?} resolvedFactories
* @param {?} multiProvider
*/
function ResolvedReflectiveProvider_(key, resolvedFactories, multiProvider) {
this.key = key;
this.resolvedFactories = resolvedFactories;
this.multiProvider = multiProvider;
}
Object.defineProperty(ResolvedReflectiveProvider_.prototype, "resolvedFactory", {
/**
* @return {?}
*/
get: function () { return this.resolvedFactories[0]; },
enumerable: true,
configurable: true
});
return ResolvedReflectiveProvider_;
}());
/**
* An internal resolved representation of a factory function created by resolving {\@link
* Provider}.
* \@experimental
*/
var ResolvedReflectiveFactory = (function () {
/**
* @param {?} factory
* @param {?} dependencies
*/
function ResolvedReflectiveFactory(factory, dependencies) {
this.factory = factory;
this.dependencies = dependencies;
}
return ResolvedReflectiveFactory;
}());
/**
* Resolve a single provider.
* @param {?} provider
* @return {?}
*/
function resolveReflectiveFactory(provider) {
var /** @type {?} */ factoryFn;
var /** @type {?} */ resolvedDeps;
if (provider.useClass) {
var /** @type {?} */ useClass = resolveForwardRef(provider.useClass);
factoryFn = reflector.factory(useClass);
resolvedDeps = _dependenciesFor(useClass);
}
else if (provider.useExisting) {
factoryFn = function (aliasInstance) { return aliasInstance; };
resolvedDeps = [ReflectiveDependency.fromKey(ReflectiveKey.get(provider.useExisting))];
}
else if (provider.useFactory) {
factoryFn = provider.useFactory;
resolvedDeps = constructDependencies(provider.useFactory, provider.deps);
}
else {
factoryFn = function () { return provider.useValue; };
resolvedDeps = _EMPTY_LIST;
}
return new ResolvedReflectiveFactory(factoryFn, resolvedDeps);
}
/**
* Converts the {\@link Provider} into {\@link ResolvedProvider}.
*
* {\@link Injector} internally only uses {\@link ResolvedProvider}, {\@link Provider} contains
* convenience provider syntax.
* @param {?} provider
* @return {?}
*/
function resolveReflectiveProvider(provider) {
return new ResolvedReflectiveProvider_(ReflectiveKey.get(provider.provide), [resolveReflectiveFactory(provider)], provider.multi);
}
/**
* Resolve a list of Providers.
* @param {?} providers
* @return {?}
*/
function resolveReflectiveProviders(providers) {
var /** @type {?} */ normalized = _normalizeProviders(providers, []);
var /** @type {?} */ resolved = normalized.map(resolveReflectiveProvider);
var /** @type {?} */ resolvedProviderMap = mergeResolvedReflectiveProviders(resolved, new Map());
return Array.from(resolvedProviderMap.values());
}
/**
* Merges a list of ResolvedProviders into a list where
* each key is contained exactly once and multi providers
* have been merged.
* @param {?} providers
* @param {?} normalizedProvidersMap
* @return {?}
*/
function mergeResolvedReflectiveProviders(providers, normalizedProvidersMap) {
for (var /** @type {?} */ i = 0; i < providers.length; i++) {
var /** @type {?} */ provider = providers[i];
var /** @type {?} */ existing = normalizedProvidersMap.get(provider.key.id);
if (existing) {
if (provider.multiProvider !== existing.multiProvider) {
throw mixingMultiProvidersWithRegularProvidersError(existing, provider);
}
if (provider.multiProvider) {
for (var /** @type {?} */ j = 0; j < provider.resolvedFactories.length; j++) {
existing.resolvedFactories.push(provider.resolvedFactories[j]);
}
}
else {
normalizedProvidersMap.set(provider.key.id, provider);
}
}
else {
var /** @type {?} */ resolvedProvider = void 0;
if (provider.multiProvider) {
resolvedProvider = new ResolvedReflectiveProvider_(provider.key, provider.resolvedFactories.slice(), provider.multiProvider);
}
else {
resolvedProvider = provider;
}
normalizedProvidersMap.set(provider.key.id, resolvedProvider);
}
}
return normalizedProvidersMap;
}
/**
* @param {?} providers
* @param {?} res
* @return {?}
*/
function _normalizeProviders(providers, res) {
providers.forEach(function (b) {
if (b instanceof Type) {
res.push({ provide: b, useClass: b });
}
else if (b && typeof b == 'object' && ((b)).provide !== undefined) {
res.push(/** @type {?} */ (b));
}
else if (b instanceof Array) {
_normalizeProviders(b, res);
}
else {
throw invalidProviderError(b);
}
});
return res;
}
/**
* @param {?} typeOrFunc
* @param {?} dependencies
* @return {?}
*/
function constructDependencies(typeOrFunc, dependencies) {
if (!dependencies) {
return _dependenciesFor(typeOrFunc);
}
else {
var /** @type {?} */ params_1 = dependencies.map(function (t) { return [t]; });
return dependencies.map(function (t) { return _extractToken(typeOrFunc, t, params_1); });
}
}
/**
* @param {?} typeOrFunc
* @return {?}
*/
function _dependenciesFor(typeOrFunc) {
var /** @type {?} */ params = reflector.parameters(typeOrFunc);
if (!params)
return [];
if (params.some(function (p) { return p == null; })) {
throw noAnnotationError(typeOrFunc, params);
}
return params.map(function (p) { return _extractToken(typeOrFunc, p, params); });
}
/**
* @param {?} typeOrFunc
* @param {?} metadata
* @param {?} params
* @return {?}
*/
function _extractToken(typeOrFunc, metadata, params) {
var /** @type {?} */ token = null;
var /** @type {?} */ optional = false;
if (!Array.isArray(metadata)) {
if (metadata instanceof Inject) {
return _createDependency(metadata['token'], optional, null);
}
else {
return _createDependency(metadata, optional, null);
}
}
var /** @type {?} */ visibility = null;
for (var /** @type {?} */ i = 0; i < metadata.length; ++i) {
var /** @type {?} */ paramMetadata = metadata[i];
if (paramMetadata instanceof Type) {
token = paramMetadata;
}
else if (paramMetadata instanceof Inject) {
token = paramMetadata['token'];
}
else if (paramMetadata instanceof Optional) {
optional = true;
}
else if (paramMetadata instanceof Self || paramMetadata instanceof SkipSelf) {
visibility = paramMetadata;
}
else if (paramMetadata instanceof InjectionToken) {
token = paramMetadata;
}
}
token = resolveForwardRef(token);
if (token != null) {
return _createDependency(token, optional, visibility);
}
else {
throw noAnnotationError(typeOrFunc, params);
}
}
/**
* @param {?} token
* @param {?} optional
* @param {?} visibility
* @return {?}
*/
function _createDependency(token, optional, visibility) {
return new ReflectiveDependency(ReflectiveKey.get(token), optional, visibility);
}
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
// Threshold for the dynamic version
var UNDEFINED = new Object();
/**
* A ReflectiveDependency injection container used for instantiating objects and resolving
* dependencies.
*
* An `Injector` is a replacement for a `new` operator, which can automatically resolve the
* constructor dependencies.
*
* In typical use, application code asks for the dependencies in the constructor and they are
* resolved by the `Injector`.
*
* ### Example ([live demo](http://plnkr.co/edit/jzjec0?p=preview))
*
* The following example creates an `Injector` configured to create `Engine` and `Car`.
*
* ```typescript
* \@Injectable()
* class Engine {
* }
*
* \@Injectable()
* class Car {
* constructor(public engine:Engine) {}
* }
*
* var injector = ReflectiveInjector.resolveAndCreate([Car, Engine]);
* var car = injector.get(Car);
* expect(car instanceof Car).toBe(true);
* expect(car.engine instanceof Engine).toBe(true);
* ```
*
* Notice, we don't use the `new` operator because we explicitly want to have the `Injector`
* resolve all of the object's dependencies automatically.
*
* \@stable
* @abstract
*/
var ReflectiveInjector = (function () {
function ReflectiveInjector() {
}
/**
* Turns an array of provider definitions into an array of resolved providers.
*
* A resolution is a process of flattening multiple nested arrays and converting individual
* providers into an array of {\@link ResolvedReflectiveProvider}s.
*
* ### Example ([live demo](http://plnkr.co/edit/AiXTHi?p=preview))
*
* ```typescript
* \@Injectable()
* class Engine {
* }
*
* \@Injectable()
* class Car {
* constructor(public engine:Engine) {}
* }
*
* var providers = ReflectiveInjector.resolve([Car, [[Engine]]]);
*
* expect(providers.length).toEqual(2);
*
* expect(providers[0] instanceof ResolvedReflectiveProvider).toBe(true);
* expect(providers[0].key.displayName).toBe("Car");
* expect(providers[0].dependencies.length).toEqual(1);
* expect(providers[0].factory).toBeDefined();
*
* expect(providers[1].key.displayName).toBe("Engine");
* });
* ```
*
* See {\@link ReflectiveInjector#fromResolvedProviders} for more info.
* @param {?} providers
* @return {?}
*/
ReflectiveInjector.resolve = function (providers) {
return resolveReflectiveProviders(providers);
};
/**
* Resolves an array of providers and creates an injector from those providers.
*
* The passed-in providers can be an array of `Type`, {\@link Provider},
* or a recursive array of more providers.
*
* ### Example ([live demo](http://plnkr.co/edit/ePOccA?p=preview))
*
* ```typescript
* \@Injectable()
* class Engine {
* }
*
* \@Injectable()
* class Car {
* constructor(public engine:Engine) {}
* }
*
* var injector = ReflectiveInjector.resolveAndCreate([Car, Engine]);
* expect(injector.get(Car) instanceof Car).toBe(true);
* ```
*
* This function is slower than the corresponding `fromResolvedProviders`
* because it needs to resolve the passed-in providers first.
* See {\@link Injector#resolve} and {\@link Injector#fromResolvedProviders}.
* @param {?} providers
* @param {?=} parent
* @return {?}
*/
ReflectiveInjector.resolveAndCreate = function (providers, parent) {
if (parent === void 0) { parent = null; }
var /** @type {?} */ ResolvedReflectiveProviders = ReflectiveInjector.resolve(providers);
return ReflectiveInjector.fromResolvedProviders(ResolvedReflectiveProviders, parent);
};
/**
* Creates an injector from previously resolved providers.
*
* This API is the recommended way to construct injectors in performance-sensitive parts.
*
* ### Example ([live demo](http://plnkr.co/edit/KrSMci?p=preview))
*
* ```typescript
* \@Injectable()
* class Engine {
* }
*
* \@Injectable()
* class Car {
* constructor(public engine:Engine) {}
* }
*
* var providers = ReflectiveInjector.resolve([Car, Engine]);
* var injector = ReflectiveInjector.fromResolvedProviders(providers);
* expect(injector.get(Car) instanceof Car).toBe(true);
* ```
* \@experimental
* @param {?} providers
* @param {?=} parent
* @return {?}
*/
ReflectiveInjector.fromResolvedProviders = function (providers, parent) {
if (parent === void 0) { parent = null; }
return new ReflectiveInjector_(providers, parent);
};
/**
* Parent of this injector.
*
* <!-- TODO: Add a link to the section of the user guide talking about hierarchical injection.
* -->
*
* ### Example ([live demo](http://plnkr.co/edit/eosMGo?p=preview))
*
* ```typescript
* var parent = ReflectiveInjector.resolveAndCreate([]);
* var child = parent.resolveAndCreateChild([]);
* expect(child.parent).toBe(parent);
* ```
* @abstract
* @return {?}
*/
ReflectiveInjector.prototype.parent = function () { };
/**
* Resolves an array of providers and creates a child injector from those providers.
*
* <!-- TODO: Add a link to the section of the user guide talking about hierarchical injection.
* -->
*
* The passed-in providers can be an array of `Type`, {\@link Provider},
* or a recursive array of more providers.
*
* ### Example ([live demo](http://plnkr.co/edit/opB3T4?p=preview))
*
* ```typescript
* class ParentProvider {}
* class ChildProvider {}
*
* var parent = ReflectiveInjector.resolveAndCreate([ParentProvider]);
* var child = parent.resolveAndCreateChild([ChildProvider]);
*
* expect(child.get(ParentProvider) instanceof ParentProvider).toBe(true);
* expect(child.get(ChildProvider) instanceof ChildProvider).toBe(true);
* expect(child.get(ParentProvider)).toBe(parent.get(ParentProvider));
* ```
*
* This function is slower than the corresponding `createChildFromResolved`
* because it needs to resolve the passed-in providers first.
* See {\@link Injector#resolve} and {\@link Injector#createChildFromResolved}.
* @abstract
* @param {?} providers
* @return {?}
*/
ReflectiveInjector.prototype.resolveAndCreateChild = function (providers) { };
/**
* Creates a child injector from previously resolved providers.
*
* <!-- TODO: Add a link to the section of the user guide talking about hierarchical injection.
* -->
*
* This API is the recommended way to construct injectors in performance-sensitive parts.
*
* ### Example ([live demo](http://plnkr.co/edit/VhyfjN?p=preview))
*
* ```typescript
* class ParentProvider {}
* class ChildProvider {}
*
* var parentProviders = ReflectiveInjector.resolve([ParentProvider]);
* var childProviders = ReflectiveInjector.resolve([ChildProvider]);
*
* var parent = ReflectiveInjector.fromResolvedProviders(parentProviders);
* var child = parent.createChildFromResolved(childProviders);
*
* expect(child.get(ParentProvider) instanceof ParentProvider).toBe(true);
* expect(child.get(ChildProvider) instanceof ChildProvider).toBe(true);
* expect(child.get(ParentProvider)).toBe(parent.get(ParentProvider));
* ```
* @abstract
* @param {?} providers
* @return {?}
*/
ReflectiveInjector.prototype.createChildFromResolved = function (providers) { };
/**
* Resolves a provider and instantiates an object in the context of the injector.
*
* The created object does not get cached by the injector.
*
* ### Example ([live demo](http://plnkr.co/edit/yvVXoB?p=preview))
*
* ```typescript
* \@Injectable()
* class Engine {
* }
*
* \@Injectable()
* class Car {
* constructor(public engine:Engine) {}
* }
*
* var injector = ReflectiveInjector.resolveAndCreate([Engine]);
*
* var car = injector.resolveAndInstantiate(Car);
* expect(car.engine).toBe(injector.get(Engine));
* expect(car).not.toBe(injector.resolveAndInstantiate(Car));
* ```
* @abstract
* @param {?} provider
* @return {?}
*/
ReflectiveInjector.prototype.resolveAndInstantiate = function (provider) { };
/**
* Instantiates an object using a resolved provider in the context of the injector.
*
* The created object does not get cached by the injector.
*
* ### Example ([live demo](http://plnkr.co/edit/ptCImQ?p=preview))
*
* ```typescript
* \@Injectable()
* class Engine {
* }
*
* \@Injectable()
* class Car {
* constructor(public engine:Engine) {}
* }
*
* var injector = ReflectiveInjector.resolveAndCreate([Engine]);
* var carProvider = ReflectiveInjector.resolve([Car])[0];
* var car = injector.instantiateResolved(carProvider);
* expect(car.engine).toBe(injector.get(Engine));
* expect(car).not.toBe(injector.instantiateResolved(carProvider));
* ```
* @abstract
* @param {?} provider
* @return {?}
*/
ReflectiveInjector.prototype.instantiateResolved = function (provider) { };
/**
* @abstract
* @param {?} token
* @param {?=} notFoundValue
* @return {?}
*/
ReflectiveInjector.prototype.get = function (token, notFoundValue) { };
return ReflectiveInjector;
}());
var ReflectiveInjector_ = (function () {
/**
* Private
* @param {?} _providers
* @param {?=} _parent
*/
function ReflectiveInjector_(_providers, _parent) {
if (_parent === void 0) { _parent = null; }
/**
* \@internal
*/
this._constructionCounter = 0;
this._providers = _providers;
this._parent = _parent;
var len = _providers.length;
this.keyIds = new Array(len);
this.objs = new Array(len);
for (var i = 0; i < len; i++) {
this.keyIds[i] = _providers[i].key.id;
this.objs[i] = UNDEFINED;
}
}
/**
* @param {?} token
* @param {?=} notFoundValue
* @return {?}
*/
ReflectiveInjector_.prototype.get = function (token, notFoundValue) {
if (notFoundValue === void 0) { notFoundValue = THROW_IF_NOT_FOUND; }
return this._getByKey(ReflectiveKey.get(token), null, notFoundValue);
};
Object.defineProperty(ReflectiveInjector_.prototype, "parent", {
/**
* @return {?}
*/
get: function () { return this._parent; },
enumerable: true,
configurable: true
});
/**
* @param {?} providers
* @return {?}
*/
ReflectiveInjector_.prototype.resolveAndCreateChild = function (providers) {
var /** @type {?} */ ResolvedReflectiveProviders = ReflectiveInjector.resolve(providers);
return this.createChildFromResolved(ResolvedReflectiveProviders);
};
/**
* @param {?} providers
* @return {?}
*/
ReflectiveInjector_.prototype.createChildFromResolved = function (providers) {
var /** @type {?} */ inj = new ReflectiveInjector_(providers);
inj._parent = this;
return inj;
};
/**
* @param {?} provider
* @return {?}
*/
ReflectiveInjector_.prototype.resolveAndInstantiate = function (provider) {
return this.instantiateResolved(ReflectiveInjector.resolve([provider])[0]);
};
/**
* @param {?} provider
* @return {?}
*/
ReflectiveInjector_.prototype.instantiateResolved = function (provider) {
return this._instantiateProvider(provider);
};
/**
* @param {?} index
* @return {?}
*/
ReflectiveInjector_.prototype.getProviderAtIndex = function (index) {
if (index < 0 || index >= this._providers.length) {
throw outOfBoundsError(index);
}
return this._providers[index];
};
/**
* \@internal
* @param {?} provider
* @return {?}
*/
ReflectiveInjector_.prototype._new = function (provider) {
if (this._constructionCounter++ > this._getMaxNumberOfObjects()) {
throw cyclicDependencyError(this, provider.key);
}
return this._instantiateProvider(provider);
};
/**
* @return {?}
*/
ReflectiveInjector_.prototype._getMaxNumberOfObjects = function () { return this.objs.length; };
/**
* @param {?} provider
* @return {?}
*/
ReflectiveInjector_.prototype._instantiateProvider = function (provider) {
if (provider.multiProvider) {
var /** @type {?} */ res = new Array(provider.resolvedFactories.length);
for (var /** @type {?} */ i = 0; i < provider.resolvedFactories.length; ++i) {
res[i] = this._instantiate(provider, provider.resolvedFactories[i]);
}
return res;
}
else {
return this._instantiate(provider, provider.resolvedFactories[0]);
}
};
/**
* @param {?} provider
* @param {?} ResolvedReflectiveFactory
* @return {?}
*/
ReflectiveInjector_.prototype._instantiate = function (provider, ResolvedReflectiveFactory$$1) {
var _this = this;
var /** @type {?} */ factory = ResolvedReflectiveFactory$$1.factory;
var /** @type {?} */ deps;
try {
deps =
ResolvedReflectiveFactory$$1.dependencies.map(function (dep) { return _this._getByReflectiveDependency(dep); });
}
catch (e) {
if (e.addKey) {
e.addKey(this, provider.key);
}
throw e;
}
var /** @type {?} */ obj;
try {
obj = factory.apply(void 0, deps);
}
catch (e) {
throw instantiationError(this, e, e.stack, provider.key);
}
return obj;
};
/**
* @param {?} dep
* @return {?}
*/
ReflectiveInjector_.prototype._getByReflectiveDependency = function (dep) {
return this._getByKey(dep.key, dep.visibility, dep.optional ? null : THROW_IF_NOT_FOUND);
};
/**
* @param {?} key
* @param {?} visibility
* @param {?} notFoundValue
* @return {?}
*/
ReflectiveInjector_.prototype._getByKey = function (key, visibility, notFoundValue) {
if (key === INJECTOR_KEY) {
return this;
}
if (visibility instanceof Self) {
return this._getByKeySelf(key, notFoundValue);
}
else {
return this._getByKeyDefault(key, notFoundValue, visibility);
}
};
/**
* @param {?} keyId
* @return {?}
*/
ReflectiveInjector_.prototype._getObjByKeyId = function (keyId) {
for (var /** @type {?} */ i = 0; i < this.keyIds.length; i++) {
if (this.keyIds[i] === keyId) {
if (this.objs[i] === UNDEFINED) {
this.objs[i] = this._new(this._providers[i]);
}
return this.objs[i];
}
}
return UNDEFINED;
};
/**
* \@internal
* @param {?} key
* @param {?} notFoundValue
* @return {?}
*/
ReflectiveInjector_.prototype._throwOrNull = function (key, notFoundValue) {
if (notFoundValue !== THROW_IF_NOT_FOUND) {
return notFoundValue;
}
else {
throw noProviderError(this, key);
}
};
/**
* \@internal
* @param {?} key
* @param {?} notFoundValue
* @return {?}
*/
ReflectiveInjector_.prototype._getByKeySelf = function (key, notFoundValue) {
var /** @type {?} */ obj = this._getObjByKeyId(key.id);
return (obj !== UNDEFINED) ? obj : this._throwOrNull(key, notFoundValue);
};
/**
* \@internal
* @param {?} key
* @param {?} notFoundValue
* @param {?} visibility
* @return {?}
*/
ReflectiveInjector_.prototype._getByKeyDefault = function (key, notFoundValue, visibility) {
var /** @type {?} */ inj;
if (visibility instanceof SkipSelf) {
inj = this._parent;
}
else {
inj = this;
}
while (inj instanceof ReflectiveInjector_) {
var /** @type {?} */ inj_ = (inj);
var /** @type {?} */ obj = inj_._getObjByKeyId(key.id);
if (obj !== UNDEFINED)
return obj;
inj = inj_._parent;
}
if (inj !== null) {
return inj.get(key.token, notFoundValue);
}
else {
return this._throwOrNull(key, notFoundValue);
}
};
Object.defineProperty(ReflectiveInjector_.prototype, "displayName", {
/**
* @return {?}
*/
get: function () {
var /** @type {?} */ providers = _mapProviders(this, function (b) { return ' "' + b.key.displayName + '" '; })
.join(', ');
return "ReflectiveInjector(providers: [" + providers + "])";
},
enumerable: true,
configurable: true
});
/**
* @return {?}
*/
ReflectiveInjector_.prototype.toString = function () { return this.displayName; };
return ReflectiveInjector_;
}());
var INJECTOR_KEY = ReflectiveKey.get(Injector);
/**
* @param {?} injector
* @param {?} fn
* @return {?}
*/
function _mapProviders(injector, fn) {
var /** @type {?} */ res = new Array(injector._providers.length);
for (var /** @type {?} */ i = 0; i < injector._providers.length; ++i) {
res[i] = fn(injector.getProviderAtIndex(i));
}
return res;
}
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* @module
* @description
* The `di` module provides dependency injection container services.
*/
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* Determine if the argument is shaped like a Promise
* @param {?} obj
* @return {?}
*/
function isPromise(obj) {
// allow any Promise/A+ compliant thenable.
// It's up to the caller to ensure that obj.then conforms to the spec
return !!obj && typeof obj.then === 'function';
}
/**
* Determine if the argument is an Observable
* @param {?} obj
* @return {?}
*/
function isObservable(obj) {
// TODO use Symbol.observable when https://github.com/ReactiveX/rxjs/issues/2415 will be resolved
return !!obj && typeof obj.subscribe === 'function';
}
/**
* @template V
* @param {?} m1
* @param {?} m2
* @return {?}
*/
function merge$1(m1, m2) {
var /** @type {?} */ m = {};
for (var _i = 0, _a = Object.keys(m1); _i < _a.length; _i++) {
var k = _a[_i];
m[k] = m1[k];
}
for (var _b = 0, _c = Object.keys(m2); _b < _c.length; _b++) {
var k = _c[_b];
m[k] = m2[k];
}
return m;
}
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* A function that will be executed when an application is initialized.
* \@experimental
*/
var APP_INITIALIZER = new InjectionToken('Application Initializer');
/**
* A class that reflects the state of running {\@link APP_INITIALIZER}s.
*
* \@experimental
*/
var ApplicationInitStatus = (function () {
/**
* @param {?} appInits
*/
function ApplicationInitStatus(appInits) {
var _this = this;
this._done = false;
var asyncInitPromises = [];
if (appInits) {
for (var i = 0; i < appInits.length; i++) {
var initResult = appInits[i]();
if (isPromise(initResult)) {
asyncInitPromises.push(initResult);
}
}
}
this._donePromise = Promise.all(asyncInitPromises).then(function () { _this._done = true; });
if (asyncInitPromises.length === 0) {
this._done = true;
}
}
Object.defineProperty(ApplicationInitStatus.prototype, "done", {
/**
* @return {?}
*/
get: function () { return this._done; },
enumerable: true,
configurable: true
});
Object.defineProperty(ApplicationInitStatus.prototype, "donePromise", {
/**
* @return {?}
*/
get: function () { return this._donePromise; },
enumerable: true,
configurable: true
});
return ApplicationInitStatus;
}());
ApplicationInitStatus.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
ApplicationInitStatus.ctorParameters = function () { return [
{ type: Array, decorators: [{ type: Inject, args: [APP_INITIALIZER,] }, { type: Optional },] },
]; };
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* A DI Token representing a unique string id assigned to the application by Angular and used
* primarily for prefixing application attributes and CSS styles when
* {\@link ViewEncapsulation#Emulated} is being used.
*
* If you need to avoid randomly generated value to be used as an application id, you can provide
* a custom value via a DI provider <!-- TODO: provider --> configuring the root {\@link Injector}
* using this token.
* \@experimental
*/
var APP_ID = new InjectionToken('AppId');
/**
* @return {?}
*/
function _appIdRandomProviderFactory() {
return "" + _randomChar() + _randomChar() + _randomChar();
}
/**
* Providers that will generate a random APP_ID_TOKEN.
* \@experimental
*/
var APP_ID_RANDOM_PROVIDER = {
provide: APP_ID,
useFactory: _appIdRandomProviderFactory,
deps: [],
};
/**
* @return {?}
*/
function _randomChar() {
return String.fromCharCode(97 + Math.floor(Math.random() * 25));
}
/**
* A function that will be executed when a platform is initialized.
* \@experimental
*/
var PLATFORM_INITIALIZER = new InjectionToken('Platform Initializer');
/**
* A token that indicates an opaque platform id.
* \@experimental
*/
var PLATFORM_ID = new InjectionToken('Platform ID');
/**
* All callbacks provided via this token will be called for every component that is bootstrapped.
* Signature of the callback:
*
* `(componentRef: ComponentRef) => void`.
*
* \@experimental
*/
var APP_BOOTSTRAP_LISTENER = new InjectionToken('appBootstrapListener');
/**
* A token which indicates the root directory of the application
* \@experimental
*/
var PACKAGE_ROOT_URL = new InjectionToken('Application Packages Root URL');
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var Console = (function () {
function Console() {
}
/**
* @param {?} message
* @return {?}
*/
Console.prototype.log = function (message) {
// tslint:disable-next-line:no-console
console.log(message);
};
/**
* @param {?} message
* @return {?}
*/
Console.prototype.warn = function (message) {
// tslint:disable-next-line:no-console
console.warn(message);
};
return Console;
}());
Console.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
Console.ctorParameters = function () { return []; };
/**
* @return {?}
*/
function _throwError() {
throw new Error("Runtime compiler is not loaded");
}
/**
* Low-level service for running the angular compiler during runtime
* to create {\@link ComponentFactory}s, which
* can later be used to create and render a Component instance.
*
* Each `\@NgModule` provides an own `Compiler` to its injector,
* that will use the directives/pipes of the ng module for compilation
* of components.
* \@stable
*/
var Compiler = (function () {
function Compiler() {
}
/**
* Compiles the given NgModule and all of its components. All templates of the components listed
* in `entryComponents` have to be inlined.
* @template T
* @param {?} moduleType
* @return {?}
*/
Compiler.prototype.compileModuleSync = function (moduleType) { throw _throwError(); };
/**
* Compiles the given NgModule and all of its components
* @template T
* @param {?} moduleType
* @return {?}
*/
Compiler.prototype.compileModuleAsync = function (moduleType) { throw _throwError(); };
/**
* Same as {\@link compileModuleSync} but also creates ComponentFactories for all components.
* @template T
* @param {?} moduleType
* @return {?}
*/
Compiler.prototype.compileModuleAndAllComponentsSync = function (moduleType) {
throw _throwError();
};
/**
* Same as {\@link compileModuleAsync} but also creates ComponentFactories for all components.
* @template T
* @param {?} moduleType
* @return {?}
*/
Compiler.prototype.compileModuleAndAllComponentsAsync = function (moduleType) {
throw _throwError();
};
/**
* Exposes the CSS-style selectors that have been used in `ngContent` directives within
* the template of the given component.
* This is used by the `upgrade` library to compile the appropriate transclude content
* in the AngularJS wrapper component.
*
* @deprecated since v4. Use ComponentFactory.ngContentSelectors instead.
* @param {?} component
* @return {?}
*/
Compiler.prototype.getNgContentSelectors = function (component) { throw _throwError(); };
/**
* Clears all caches.
* @return {?}
*/
Compiler.prototype.clearCache = function () { };
/**
* Clears the cache for the given component/ngModule.
* @param {?} type
* @return {?}
*/
Compiler.prototype.clearCacheFor = function (type) { };
return Compiler;
}());
Compiler.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
Compiler.ctorParameters = function () { return []; };
/**
* Token to provide CompilerOptions in the platform injector.
*
* \@experimental
*/
var COMPILER_OPTIONS = new InjectionToken('compilerOptions');
/**
* A factory for creating a Compiler
*
* \@experimental
* @abstract
*/
var CompilerFactory = (function () {
function CompilerFactory() {
}
/**
* @abstract
* @param {?=} options
* @return {?}
*/
CompilerFactory.prototype.createCompiler = function (options) { };
return CompilerFactory;
}());
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* Represents an instance of a Component created via a {\@link ComponentFactory}.
*
* `ComponentRef` provides access to the Component Instance as well other objects related to this
* Component Instance and allows you to destroy the Component Instance via the {\@link #destroy}
* method.
* \@stable
* @abstract
*/
var ComponentRef = (function () {
function ComponentRef() {
}
/**
* Location of the Host Element of this Component Instance.
* @abstract
* @return {?}
*/
ComponentRef.prototype.location = function () { };
/**
* The injector on which the component instance exists.
* @abstract
* @return {?}
*/
ComponentRef.prototype.injector = function () { };
/**
* The instance of the Component.
* @abstract
* @return {?}
*/
ComponentRef.prototype.instance = function () { };
/**
* The {\@link ViewRef} of the Host View of this Component instance.
* @abstract
* @return {?}
*/
ComponentRef.prototype.hostView = function () { };
/**
* The {\@link ChangeDetectorRef} of the Component instance.
* @abstract
* @return {?}
*/
ComponentRef.prototype.changeDetectorRef = function () { };
/**
* The component type.
* @abstract
* @return {?}
*/
ComponentRef.prototype.componentType = function () { };
/**
* Destroys the component instance and all of the data structures associated with it.
* @abstract
* @return {?}
*/
ComponentRef.prototype.destroy = function () { };
/**
* Allows to register a callback that will be called when the component is destroyed.
* @abstract
* @param {?} callback
* @return {?}
*/
ComponentRef.prototype.onDestroy = function (callback) { };
return ComponentRef;
}());
/**
* \@stable
* @abstract
*/
var ComponentFactory = (function () {
function ComponentFactory() {
}
/**
* @abstract
* @return {?}
*/
ComponentFactory.prototype.selector = function () { };
/**
* @abstract
* @return {?}
*/
ComponentFactory.prototype.componentType = function () { };
/**
* selector for all <ng-content> elements in the component.
* @abstract
* @return {?}
*/
ComponentFactory.prototype.ngContentSelectors = function () { };
/**
* the inputs of the component.
* @abstract
* @return {?}
*/
ComponentFactory.prototype.inputs = function () { };
/**
* the outputs of the component.
* @abstract
* @return {?}
*/
ComponentFactory.prototype.outputs = function () { };
/**
* Creates a new component.
* @abstract
* @param {?} injector
* @param {?=} projectableNodes
* @param {?=} rootSelectorOrNode
* @param {?=} ngModule
* @return {?}
*/
ComponentFactory.prototype.create = function (injector, projectableNodes, rootSelectorOrNode, ngModule) { };
return ComponentFactory;
}());
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* @param {?} component
* @return {?}
*/
function noComponentFactoryError(component) {
var /** @type {?} */ error = Error("No component factory found for " + stringify(component) + ". Did you add it to @NgModule.entryComponents?");
((error))[ERROR_COMPONENT] = component;
return error;
}
var ERROR_COMPONENT = 'ngComponent';
/**
* @param {?} error
* @return {?}
*/
var _NullComponentFactoryResolver = (function () {
function _NullComponentFactoryResolver() {
}
/**
* @template T
* @param {?} component
* @return {?}
*/
_NullComponentFactoryResolver.prototype.resolveComponentFactory = function (component) {
throw noComponentFactoryError(component);
};
return _NullComponentFactoryResolver;
}());
/**
* \@stable
* @abstract
*/
var ComponentFactoryResolver = (function () {
function ComponentFactoryResolver() {
}
/**
* @abstract
* @template T
* @param {?} component
* @return {?}
*/
ComponentFactoryResolver.prototype.resolveComponentFactory = function (component) { };
return ComponentFactoryResolver;
}());
ComponentFactoryResolver.NULL = new _NullComponentFactoryResolver();
var CodegenComponentFactoryResolver = (function () {
/**
* @param {?} factories
* @param {?} _parent
* @param {?} _ngModule
*/
function CodegenComponentFactoryResolver(factories, _parent, _ngModule) {
this._parent = _parent;
this._ngModule = _ngModule;
this._factories = new Map();
for (var i = 0; i < factories.length; i++) {
var factory = factories[i];
this._factories.set(factory.componentType, factory);
}
}
/**
* @template T
* @param {?} component
* @return {?}
*/
CodegenComponentFactoryResolver.prototype.resolveComponentFactory = function (component) {
var /** @type {?} */ factory = this._factories.get(component) || this._parent.resolveComponentFactory(component);
return factory ? new ComponentFactoryBoundToModule(factory, this._ngModule) : null;
};
return CodegenComponentFactoryResolver;
}());
var ComponentFactoryBoundToModule = (function (_super) {
__extends(ComponentFactoryBoundToModule, _super);
/**
* @param {?} factory
* @param {?} ngModule
*/
function ComponentFactoryBoundToModule(factory, ngModule) {
var _this = _super.call(this) || this;
_this.factory = factory;
_this.ngModule = ngModule;
return _this;
}
Object.defineProperty(ComponentFactoryBoundToModule.prototype, "selector", {
/**
* @return {?}
*/
get: function () { return this.factory.selector; },
enumerable: true,
configurable: true
});
Object.defineProperty(ComponentFactoryBoundToModule.prototype, "componentType", {
/**
* @return {?}
*/
get: function () { return this.factory.componentType; },
enumerable: true,
configurable: true
});
Object.defineProperty(ComponentFactoryBoundToModule.prototype, "ngContentSelectors", {
/**
* @return {?}
*/
get: function () { return this.factory.ngContentSelectors; },
enumerable: true,
configurable: true
});
Object.defineProperty(ComponentFactoryBoundToModule.prototype, "inputs", {
/**
* @return {?}
*/
get: function () { return this.factory.inputs; },
enumerable: true,
configurable: true
});
Object.defineProperty(ComponentFactoryBoundToModule.prototype, "outputs", {
/**
* @return {?}
*/
get: function () { return this.factory.outputs; },
enumerable: true,
configurable: true
});
/**
* @param {?} injector
* @param {?=} projectableNodes
* @param {?=} rootSelectorOrNode
* @param {?=} ngModule
* @return {?}
*/
ComponentFactoryBoundToModule.prototype.create = function (injector, projectableNodes, rootSelectorOrNode, ngModule) {
return this.factory.create(injector, projectableNodes, rootSelectorOrNode, ngModule || this.ngModule);
};
return ComponentFactoryBoundToModule;
}(ComponentFactory));
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* Represents an instance of an NgModule created via a {\@link NgModuleFactory}.
*
* `NgModuleRef` provides access to the NgModule Instance as well other objects related to this
* NgModule Instance.
*
* \@stable
* @abstract
*/
var NgModuleRef = (function () {
function NgModuleRef() {
}
/**
* The injector that contains all of the providers of the NgModule.
* @abstract
* @return {?}
*/
NgModuleRef.prototype.injector = function () { };
/**
* The ComponentFactoryResolver to get hold of the ComponentFactories
* declared in the `entryComponents` property of the module.
* @abstract
* @return {?}
*/
NgModuleRef.prototype.componentFactoryResolver = function () { };
/**
* The NgModule instance.
* @abstract
* @return {?}
*/
NgModuleRef.prototype.instance = function () { };
/**
* Destroys the module instance and all of the data structures associated with it.
* @abstract
* @return {?}
*/
NgModuleRef.prototype.destroy = function () { };
/**
* Allows to register a callback that will be called when the module is destroyed.
* @abstract
* @param {?} callback
* @return {?}
*/
NgModuleRef.prototype.onDestroy = function (callback) { };
return NgModuleRef;
}());
/**
* \@experimental
*/
var NgModuleFactory = (function () {
/**
* @param {?} _injectorClass
* @param {?} _moduleType
*/
function NgModuleFactory(_injectorClass, _moduleType) {
this._injectorClass = _injectorClass;
this._moduleType = _moduleType;
}
Object.defineProperty(NgModuleFactory.prototype, "moduleType", {
/**
* @return {?}
*/
get: function () { return this._moduleType; },
enumerable: true,
configurable: true
});
/**
* @param {?} parentInjector
* @return {?}
*/
NgModuleFactory.prototype.create = function (parentInjector) {
var /** @type {?} */ instance = new this._injectorClass(parentInjector || Injector.NULL);
instance.create();
return instance;
};
return NgModuleFactory;
}());
var _UNDEFINED = new Object();
/**
* @abstract
*/
var NgModuleInjector = (function () {
/**
* @param {?} parent
* @param {?} factories
* @param {?} bootstrapFactories
*/
function NgModuleInjector(parent, factories, bootstrapFactories) {
var _this = this;
this.parent = parent;
this._destroyListeners = [];
this._destroyed = false;
this.bootstrapFactories =
bootstrapFactories.map(function (f) { return new ComponentFactoryBoundToModule(f, _this); });
this._cmpFactoryResolver = new CodegenComponentFactoryResolver(factories, parent.get(ComponentFactoryResolver, ComponentFactoryResolver.NULL), this);
}
/**
* @return {?}
*/
NgModuleInjector.prototype.create = function () { this.instance = this.createInternal(); };
/**
* @abstract
* @return {?}
*/
NgModuleInjector.prototype.createInternal = function () { };
/**
* @param {?} token
* @param {?=} notFoundValue
* @return {?}
*/
NgModuleInjector.prototype.get = function (token, notFoundValue) {
if (notFoundValue === void 0) { notFoundValue = THROW_IF_NOT_FOUND; }
if (token === Injector || token === NgModuleRef) {
return this;
}
if (token === ComponentFactoryResolver) {
return this._cmpFactoryResolver;
}
var /** @type {?} */ result = this.getInternal(token, _UNDEFINED);
return result === _UNDEFINED ? this.parent.get(token, notFoundValue) : result;
};
/**
* @abstract
* @param {?} token
* @param {?} notFoundValue
* @return {?}
*/
NgModuleInjector.prototype.getInternal = function (token, notFoundValue) { };
Object.defineProperty(NgModuleInjector.prototype, "injector", {
/**
* @return {?}
*/
get: function () { return this; },
enumerable: true,
configurable: true
});
Object.defineProperty(NgModuleInjector.prototype, "componentFactoryResolver", {
/**
* @return {?}
*/
get: function () { return this._cmpFactoryResolver; },
enumerable: true,
configurable: true
});
/**
* @return {?}
*/
NgModuleInjector.prototype.destroy = function () {
if (this._destroyed) {
throw new Error("The ng module " + stringify(this.instance.constructor) + " has already been destroyed.");
}
this._destroyed = true;
this.destroyInternal();
this._destroyListeners.forEach(function (listener) { return listener(); });
};
/**
* @param {?} callback
* @return {?}
*/
NgModuleInjector.prototype.onDestroy = function (callback) { this._destroyListeners.push(callback); };
/**
* @abstract
* @return {?}
*/
NgModuleInjector.prototype.destroyInternal = function () { };
return NgModuleInjector;
}());
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var trace;
var events;
/**
* @return {?}
*/
function detectWTF() {
var /** @type {?} */ wtf = ((_global) /** TODO #9100 */)['wtf'];
Iif (wtf) {
trace = wtf['trace'];
if (trace) {
events = trace['events'];
return true;
}
}
return false;
}
/**
* @param {?} signature
* @param {?=} flags
* @return {?}
*/
function createScope$1(signature, flags) {
if (flags === void 0) { flags = null; }
return events.createScope(signature, flags);
}
/**
* @template T
* @param {?} scope
* @param {?=} returnValue
* @return {?}
*/
function leave(scope, returnValue) {
trace.leaveScope(scope, returnValue);
return returnValue;
}
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* True if WTF is enabled.
*/
var wtfEnabled = detectWTF();
/**
* @param {?=} arg0
* @param {?=} arg1
* @return {?}
*/
function noopScope(arg0, arg1) {
return null;
}
/**
* Create trace scope.
*
* Scopes must be strictly nested and are analogous to stack frames, but
* do not have to follow the stack frames. Instead it is recommended that they follow logical
* nesting. You may want to use
* [Event
* Signatures](http://google.github.io/tracing-framework/instrumenting-code.html#custom-events)
* as they are defined in WTF.
*
* Used to mark scope entry. The return value is used to leave the scope.
*
* var myScope = wtfCreateScope('MyClass#myMethod(ascii someVal)');
*
* someMethod() {
* var s = myScope('Foo'); // 'Foo' gets stored in tracing UI
* // DO SOME WORK HERE
* return wtfLeave(s, 123); // Return value 123
* }
*
* Note, adding try-finally block around the work to ensure that `wtfLeave` gets called can
* negatively impact the performance of your application. For this reason we recommend that
* you don't add them to ensure that `wtfLeave` gets called. In production `wtfLeave` is a noop and
* so try-finally block has no value. When debugging perf issues, skipping `wtfLeave`, do to
* exception, will produce incorrect trace, but presence of exception signifies logic error which
* needs to be fixed before the app should be profiled. Add try-finally only when you expect that
* an exception is expected during normal execution while profiling.
*
* \@experimental
*/
var wtfCreateScope = wtfEnabled ? createScope$1 : function (signature, flags) { return noopScope; };
/**
* Used to mark end of Scope.
*
* - `scope` to end.
* - `returnValue` (optional) to be passed to the WTF.
*
* Returns the `returnValue for easy chaining.
* \@experimental
*/
var wtfLeave = wtfEnabled ? leave : function (s, r) { return r; };
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* Use by directives and components to emit custom Events.
*
* ### Examples
*
* In the following example, `Zippy` alternatively emits `open` and `close` events when its
* title gets clicked:
*
* ```
* \@Component({
* selector: 'zippy',
* template: `
* <div class="zippy">
* <div (click)="toggle()">Toggle</div>
* <div [hidden]="!visible">
* <ng-content></ng-content>
* </div>
* </div>`})
* export class Zippy {
* visible: boolean = true;
* \@Output() open: EventEmitter<any> = new EventEmitter();
* \@Output() close: EventEmitter<any> = new EventEmitter();
*
* toggle() {
* this.visible = !this.visible;
* if (this.visible) {
* this.open.emit(null);
* } else {
* this.close.emit(null);
* }
* }
* }
* ```
*
* The events payload can be accessed by the parameter `$event` on the components output event
* handler:
*
* ```
* <zippy (open)="onOpen($event)" (close)="onClose($event)"></zippy>
* ```
*
* Uses Rx.Observable but provides an adapter to make it work as specified here:
* https://github.com/jhusain/observable-spec
*
* Once a reference implementation of the spec is available, switch to it.
* \@stable
*/
var EventEmitter = (function (_super) {
__extends(EventEmitter, _super);
/**
* Creates an instance of [EventEmitter], which depending on [isAsync],
* delivers events synchronously or asynchronously.
* @param {?=} isAsync
*/
function EventEmitter(isAsync) {
if (isAsync === void 0) { isAsync = false; }
var _this = _super.call(this) || this;
_this.__isAsync = isAsync;
return _this;
}
/**
* @param {?=} value
* @return {?}
*/
EventEmitter.prototype.emit = function (value) { _super.prototype.next.call(this, value); };
/**
* @param {?=} generatorOrNext
* @param {?=} error
* @param {?=} complete
* @return {?}
*/
EventEmitter.prototype.subscribe = function (generatorOrNext, error, complete) {
var /** @type {?} */ schedulerFn;
var /** @type {?} */ errorFn = function (err) { return null; };
var /** @type {?} */ completeFn = function () { return null; };
if (generatorOrNext && typeof generatorOrNext === 'object') {
schedulerFn = this.__isAsync ? function (value) {
setTimeout(function () { return generatorOrNext.next(value); });
} : function (value) { generatorOrNext.next(value); };
if (generatorOrNext.error) {
errorFn = this.__isAsync ? function (err) { setTimeout(function () { return generatorOrNext.error(err); }); } :
function (err) { generatorOrNext.error(err); };
}
if (generatorOrNext.complete) {
completeFn = this.__isAsync ? function () { setTimeout(function () { return generatorOrNext.complete(); }); } :
function () { generatorOrNext.complete(); };
}
}
else {
schedulerFn = this.__isAsync ? function (value) { setTimeout(function () { return generatorOrNext(value); }); } :
function (value) { generatorOrNext(value); };
if (error) {
errorFn =
this.__isAsync ? function (err) { setTimeout(function () { return error(err); }); } : function (err) { error(err); };
}
if (complete) {
completeFn =
this.__isAsync ? function () { setTimeout(function () { return complete(); }); } : function () { complete(); };
}
}
return _super.prototype.subscribe.call(this, schedulerFn, errorFn, completeFn);
};
return EventEmitter;
}(Subject_2));
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* An injectable service for executing work inside or outside of the Angular zone.
*
* The most common use of this service is to optimize performance when starting a work consisting of
* one or more asynchronous tasks that don't require UI updates or error handling to be handled by
* Angular. Such tasks can be kicked off via {\@link runOutsideAngular} and if needed, these tasks
* can reenter the Angular zone via {\@link run}.
*
* <!-- TODO: add/fix links to:
* - docs explaining zones and the use of zones in Angular and change-detection
* - link to runOutsideAngular/run (throughout this file!)
* -->
*
* ### Example
*
* ```
* import {Component, NgZone} from '\@angular/core';
* import {NgIf} from '\@angular/common';
*
* \@Component({
* selector: 'ng-zone-demo'.
* template: `
* <h2>Demo: NgZone</h2>
*
* <p>Progress: {{progress}}%</p>
* <p *ngIf="progress >= 100">Done processing {{label}} of Angular zone!</p>
*
* <button (click)="processWithinAngularZone()">Process within Angular zone</button>
* <button (click)="processOutsideOfAngularZone()">Process outside of Angular zone</button>
* `,
* })
* export class NgZoneDemo {
* progress: number = 0;
* label: string;
*
* constructor(private _ngZone: NgZone) {}
*
* // Loop inside the Angular zone
* // so the UI DOES refresh after each setTimeout cycle
* processWithinAngularZone() {
* this.label = 'inside';
* this.progress = 0;
* this._increaseProgress(() => console.log('Inside Done!'));
* }
*
* // Loop outside of the Angular zone
* // so the UI DOES NOT refresh after each setTimeout cycle
* processOutsideOfAngularZone() {
* this.label = 'outside';
* this.progress = 0;
* this._ngZone.runOutsideAngular(() => {
* this._increaseProgress(() => {
* // reenter the Angular zone and display done
* this._ngZone.run(() => {console.log('Outside Done!') });
* }}));
* }
*
* _increaseProgress(doneCallback: () => void) {
* this.progress += 1;
* console.log(`Current progress: ${this.progress}%`);
*
* if (this.progress < 100) {
* window.setTimeout(() => this._increaseProgress(doneCallback)), 10)
* } else {
* doneCallback();
* }
* }
* }
* ```
*
* \@experimental
*/
var NgZone = (function () {
/**
* @param {?} __0
*/
function NgZone(_a) {
var _b = _a.enableLongStackTrace, enableLongStackTrace = _b === void 0 ? false : _b;
this._hasPendingMicrotasks = false;
this._hasPendingMacrotasks = false;
this._isStable = true;
this._nesting = 0;
this._onUnstable = new EventEmitter(false);
this._onMicrotaskEmpty = new EventEmitter(false);
this._onStable = new EventEmitter(false);
this._onErrorEvents = new EventEmitter(false);
if (typeof Zone == 'undefined') {
throw new Error('Angular requires Zone.js prolyfill.');
}
Zone.assertZonePatched();
this.outer = this.inner = Zone.current;
if (Zone['wtfZoneSpec']) {
this.inner = this.inner.fork(Zone['wtfZoneSpec']);
}
if (enableLongStackTrace && Zone['longStackTraceZoneSpec']) {
this.inner = this.inner.fork(Zone['longStackTraceZoneSpec']);
}
this.forkInnerZoneWithAngularBehavior();
}
/**
* @return {?}
*/
NgZone.isInAngularZone = function () { return Zone.current.get('isAngularZone') === true; };
/**
* @return {?}
*/
NgZone.assertInAngularZone = function () {
if (!NgZone.isInAngularZone()) {
throw new Error('Expected to be in Angular Zone, but it is not!');
}
};
/**
* @return {?}
*/
NgZone.assertNotInAngularZone = function () {
if (NgZone.isInAngularZone()) {
throw new Error('Expected to not be in Angular Zone, but it is!');
}
};
/**
* Executes the `fn` function synchronously within the Angular zone and returns value returned by
* the function.
*
* Running functions via `run` allows you to reenter Angular zone from a task that was executed
* outside of the Angular zone (typically started via {\@link runOutsideAngular}).
*
* Any future tasks or microtasks scheduled from within this function will continue executing from
* within the Angular zone.
*
* If a synchronous error happens it will be rethrown and not reported via `onError`.
* @param {?} fn
* @return {?}
*/
NgZone.prototype.run = function (fn) { return this.inner.run(fn); };
/**
* Same as `run`, except that synchronous errors are caught and forwarded via `onError` and not
* rethrown.
* @param {?} fn
* @return {?}
*/
NgZone.prototype.runGuarded = function (fn) { return this.inner.runGuarded(fn); };
/**
* Executes the `fn` function synchronously in Angular's parent zone and returns value returned by
* the function.
*
* Running functions via `runOutsideAngular` allows you to escape Angular's zone and do work that
* doesn't trigger Angular change-detection or is subject to Angular's error handling.
*
* Any future tasks or microtasks scheduled from within this function will continue executing from
* outside of the Angular zone.
*
* Use {\@link run} to reenter the Angular zone and do work that updates the application model.
* @param {?} fn
* @return {?}
*/
NgZone.prototype.runOutsideAngular = function (fn) { return this.outer.run(fn); };
Object.defineProperty(NgZone.prototype, "onUnstable", {
/**
* Notifies when code enters Angular Zone. This gets fired first on VM Turn.
* @return {?}
*/
get: function () { return this._onUnstable; },
enumerable: true,
configurable: true
});
Object.defineProperty(NgZone.prototype, "onMicrotaskEmpty", {
/**
* Notifies when there is no more microtasks enqueue in the current VM Turn.
* This is a hint for Angular to do change detection, which may enqueue more microtasks.
* For this reason this event can fire multiple times per VM Turn.
* @return {?}
*/
get: function () { return this._onMicrotaskEmpty; },
enumerable: true,
configurable: true
});
Object.defineProperty(NgZone.prototype, "onStable", {
/**
* Notifies when the last `onMicrotaskEmpty` has run and there are no more microtasks, which
* implies we are about to relinquish VM turn.
* This event gets called just once.
* @return {?}
*/
get: function () { return this._onStable; },
enumerable: true,
configurable: true
});
Object.defineProperty(NgZone.prototype, "onError", {
/**
* Notify that an error has been delivered.
* @return {?}
*/
get: function () { return this._onErrorEvents; },
enumerable: true,
configurable: true
});
Object.defineProperty(NgZone.prototype, "isStable", {
/**
* Whether there are no outstanding microtasks or macrotasks.
* @return {?}
*/
get: function () { return this._isStable; },
enumerable: true,
configurable: true
});
Object.defineProperty(NgZone.prototype, "hasPendingMicrotasks", {
/**
* @return {?}
*/
get: function () { return this._hasPendingMicrotasks; },
enumerable: true,
configurable: true
});
Object.defineProperty(NgZone.prototype, "hasPendingMacrotasks", {
/**
* @return {?}
*/
get: function () { return this._hasPendingMacrotasks; },
enumerable: true,
configurable: true
});
/**
* @return {?}
*/
NgZone.prototype.checkStable = function () {
var _this = this;
if (this._nesting == 0 && !this._hasPendingMicrotasks && !this._isStable) {
try {
this._nesting++;
this._onMicrotaskEmpty.emit(null);
}
finally {
this._nesting--;
if (!this._hasPendingMicrotasks) {
try {
this.runOutsideAngular(function () { return _this._onStable.emit(null); });
}
finally {
this._isStable = true;
}
}
}
}
};
/**
* @return {?}
*/
NgZone.prototype.forkInnerZoneWithAngularBehavior = function () {
var _this = this;
this.inner = this.inner.fork({
name: 'angular',
properties: /** @type {?} */ ({ 'isAngularZone': true }),
onInvokeTask: function (delegate, current, target, task, applyThis, applyArgs) {
try {
_this.onEnter();
return delegate.invokeTask(target, task, applyThis, applyArgs);
}
finally {
_this.onLeave();
}
},
onInvoke: function (delegate, current, target, callback, applyThis, applyArgs, source) {
try {
_this.onEnter();
return delegate.invoke(target, callback, applyThis, applyArgs, source);
}
finally {
_this.onLeave();
}
},
onHasTask: function (delegate, current, target, hasTaskState) {
delegate.hasTask(target, hasTaskState);
if (current === target) {
// We are only interested in hasTask events which originate from our zone
// (A child hasTask event is not interesting to us)
if (hasTaskState.change == 'microTask') {
_this.setHasMicrotask(hasTaskState.microTask);
}
else if (hasTaskState.change == 'macroTask') {
_this.setHasMacrotask(hasTaskState.macroTask);
}
}
},
onHandleError: function (delegate, current, target, error) {
delegate.handleError(target, error);
_this.triggerError(error);
return false;
}
});
};
/**
* @return {?}
*/
NgZone.prototype.onEnter = function () {
this._nesting++;
if (this._isStable) {
this._isStable = false;
this._onUnstable.emit(null);
}
};
/**
* @return {?}
*/
NgZone.prototype.onLeave = function () {
this._nesting--;
this.checkStable();
};
/**
* @param {?} hasMicrotasks
* @return {?}
*/
NgZone.prototype.setHasMicrotask = function (hasMicrotasks) {
this._hasPendingMicrotasks = hasMicrotasks;
this.checkStable();
};
/**
* @param {?} hasMacrotasks
* @return {?}
*/
NgZone.prototype.setHasMacrotask = function (hasMacrotasks) { this._hasPendingMacrotasks = hasMacrotasks; };
/**
* @param {?} error
* @return {?}
*/
NgZone.prototype.triggerError = function (error) { this._onErrorEvents.emit(error); };
return NgZone;
}());
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* The Testability service provides testing hooks that can be accessed from
* the browser and by services such as Protractor. Each bootstrapped Angular
* application on the page will have an instance of Testability.
* \@experimental
*/
var Testability = (function () {
/**
* @param {?} _ngZone
*/
function Testability(_ngZone) {
this._ngZone = _ngZone;
/**
* \@internal
*/
this._pendingCount = 0;
/**
* \@internal
*/
this._isZoneStable = true;
/**
* Whether any work was done since the last 'whenStable' callback. This is
* useful to detect if this could have potentially destabilized another
* component while it is stabilizing.
* \@internal
*/
this._didWork = false;
/**
* \@internal
*/
this._callbacks = [];
this._watchAngularEvents();
}
/**
* \@internal
* @return {?}
*/
Testability.prototype._watchAngularEvents = function () {
var _this = this;
this._ngZone.onUnstable.subscribe({
next: function () {
_this._didWork = true;
_this._isZoneStable = false;
}
});
this._ngZone.runOutsideAngular(function () {
_this._ngZone.onStable.subscribe({
next: function () {
NgZone.assertNotInAngularZone();
scheduleMicroTask(function () {
_this._isZoneStable = true;
_this._runCallbacksIfReady();
});
}
});
});
};
/**
* @return {?}
*/
Testability.prototype.increasePendingRequestCount = function () {
this._pendingCount += 1;
this._didWork = true;
return this._pendingCount;
};
/**
* @return {?}
*/
Testability.prototype.decreasePendingRequestCount = function () {
this._pendingCount -= 1;
if (this._pendingCount < 0) {
throw new Error('pending async requests below zero');
}
this._runCallbacksIfReady();
return this._pendingCount;
};
/**
* @return {?}
*/
Testability.prototype.isStable = function () {
return this._isZoneStable && this._pendingCount == 0 && !this._ngZone.hasPendingMacrotasks;
};
/**
* \@internal
* @return {?}
*/
Testability.prototype._runCallbacksIfReady = function () {
var _this = this;
if (this.isStable()) {
// Schedules the call backs in a new frame so that it is always async.
scheduleMicroTask(function () {
while (_this._callbacks.length !== 0) {
(_this._callbacks.pop())(_this._didWork);
}
_this._didWork = false;
});
}
else {
// Not Ready
this._didWork = true;
}
};
/**
* @param {?} callback
* @return {?}
*/
Testability.prototype.whenStable = function (callback) {
this._callbacks.push(callback);
this._runCallbacksIfReady();
};
/**
* @return {?}
*/
Testability.prototype.getPendingRequestCount = function () { return this._pendingCount; };
/**
* @deprecated use findProviders
* @param {?} using
* @param {?} provider
* @param {?} exactMatch
* @return {?}
*/
Testability.prototype.findBindings = function (using, provider, exactMatch) {
// TODO(juliemr): implement.
return [];
};
/**
* @param {?} using
* @param {?} provider
* @param {?} exactMatch
* @return {?}
*/
Testability.prototype.findProviders = function (using, provider, exactMatch) {
// TODO(juliemr): implement.
return [];
};
return Testability;
}());
Testability.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
Testability.ctorParameters = function () { return [
{ type: NgZone, },
]; };
/**
* A global registry of {\@link Testability} instances for specific elements.
* \@experimental
*/
var TestabilityRegistry = (function () {
function TestabilityRegistry() {
/**
* \@internal
*/
this._applications = new Map();
_testabilityGetter.addToWindow(this);
}
/**
* @param {?} token
* @param {?} testability
* @return {?}
*/
TestabilityRegistry.prototype.registerApplication = function (token, testability) {
this._applications.set(token, testability);
};
/**
* @param {?} elem
* @return {?}
*/
TestabilityRegistry.prototype.getTestability = function (elem) { return this._applications.get(elem); };
/**
* @return {?}
*/
TestabilityRegistry.prototype.getAllTestabilities = function () { return Array.from(this._applications.values()); };
/**
* @return {?}
*/
TestabilityRegistry.prototype.getAllRootElements = function () { return Array.from(this._applications.keys()); };
/**
* @param {?} elem
* @param {?=} findInAncestors
* @return {?}
*/
TestabilityRegistry.prototype.findTestabilityInTree = function (elem, findInAncestors) {
if (findInAncestors === void 0) { findInAncestors = true; }
return _testabilityGetter.findTestabilityInTree(this, elem, findInAncestors);
};
return TestabilityRegistry;
}());
TestabilityRegistry.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
TestabilityRegistry.ctorParameters = function () { return []; };
var _NoopGetTestability = (function () {
function _NoopGetTestability() {
}
/**
* @param {?} registry
* @return {?}
*/
_NoopGetTestability.prototype.addToWindow = function (registry) { };
/**
* @param {?} registry
* @param {?} elem
* @param {?} findInAncestors
* @return {?}
*/
_NoopGetTestability.prototype.findTestabilityInTree = function (registry, elem, findInAncestors) {
return null;
};
return _NoopGetTestability;
}());
/**
* Set the {\@link GetTestability} implementation used by the Angular testing framework.
* \@experimental
* @param {?} getter
* @return {?}
*/
function setTestabilityGetter(getter) {
_testabilityGetter = getter;
}
var _testabilityGetter = new _NoopGetTestability();
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var _devMode = true;
var _runModeLocked = false;
var _platform;
var ALLOW_MULTIPLE_PLATFORMS = new InjectionToken('AllowMultipleToken');
/**
* Returns whether Angular is in development mode. After called once,
* the value is locked and won't change any more.
*
* By default, this is true, unless a user calls `enableProdMode` before calling this.
*
* \@experimental APIs related to application bootstrap are currently under review.
* @return {?}
*/
function isDevMode() {
_runModeLocked = true;
return _devMode;
}
/**
* A token for third-party components that can register themselves with NgProbe.
*
* \@experimental
*/
var NgProbeToken = (function () {
/**
* @param {?} name
* @param {?} token
*/
function NgProbeToken(name, token) {
this.name = name;
this.token = token;
}
return NgProbeToken;
}());
/**
* Creates a platform.
* Platforms have to be eagerly created via this function.
*
* \@experimental APIs related to application bootstrap are currently under review.
* @param {?} injector
* @return {?}
*/
function createPlatform(injector) {
if (_platform && !_platform.destroyed &&
!_platform.injector.get(ALLOW_MULTIPLE_PLATFORMS, false)) {
throw new Error('There can be only one platform. Destroy the previous one to create a new one.');
}
_platform = injector.get(PlatformRef);
var /** @type {?} */ inits = injector.get(PLATFORM_INITIALIZER, null);
if (inits)
inits.forEach(function (init) { return init(); });
return _platform;
}
/**
* Creates a factory for a platform
*
* \@experimental APIs related to application bootstrap are currently under review.
* @param {?} parentPlatformFactory
* @param {?} name
* @param {?=} providers
* @return {?}
*/
function createPlatformFactory(parentPlatformFactory, name, providers) {
Iif (providers === void 0) { providers = []; }
var /** @type {?} */ marker = new InjectionToken("Platform: " + name);
return function (extraProviders) {
if (extraProviders === void 0) { extraProviders = []; }
var /** @type {?} */ platform = getPlatform();
if (!platform || platform.injector.get(ALLOW_MULTIPLE_PLATFORMS, false)) {
if (parentPlatformFactory) {
parentPlatformFactory(providers.concat(extraProviders).concat({ provide: marker, useValue: true }));
}
else {
createPlatform(ReflectiveInjector.resolveAndCreate(providers.concat(extraProviders).concat({ provide: marker, useValue: true })));
}
}
return assertPlatform(marker);
};
}
/**
* Checks that there currently is a platform which contains the given token as a provider.
*
* \@experimental APIs related to application bootstrap are currently under review.
* @param {?} requiredToken
* @return {?}
*/
function assertPlatform(requiredToken) {
var /** @type {?} */ platform = getPlatform();
if (!platform) {
throw new Error('No platform exists!');
}
if (!platform.injector.get(requiredToken, null)) {
throw new Error('A platform with a different configuration has been created. Please destroy it first.');
}
return platform;
}
/**
* Returns the current platform.
*
* \@experimental APIs related to application bootstrap are currently under review.
* @return {?}
*/
function getPlatform() {
return _platform && !_platform.destroyed ? _platform : null;
}
/**
* The Angular platform is the entry point for Angular on a web page. Each page
* has exactly one platform, and services (such as reflection) which are common
* to every Angular application running on the page are bound in its scope.
*
* A page's platform is initialized implicitly when {\@link bootstrap}() is called, or
* explicitly by calling {\@link createPlatform}().
*
* \@stable
* @abstract
*/
var PlatformRef = (function () {
function PlatformRef() {
}
/**
* Creates an instance of an `\@NgModule` for the given platform
* for offline compilation.
*
* ## Simple Example
*
* ```typescript
* my_module.ts:
*
* \@NgModule({
* imports: [BrowserModule]
* })
* class MyModule {}
*
* main.ts:
* import {MyModuleNgFactory} from './my_module.ngfactory';
* import {platformBrowser} from '\@angular/platform-browser';
*
* let moduleRef = platformBrowser().bootstrapModuleFactory(MyModuleNgFactory);
* ```
*
* \@experimental APIs related to application bootstrap are currently under review.
* @abstract
* @template M
* @param {?} moduleFactory
* @return {?}
*/
PlatformRef.prototype.bootstrapModuleFactory = function (moduleFactory) { };
/**
* Creates an instance of an `\@NgModule` for a given platform using the given runtime compiler.
*
* ## Simple Example
*
* ```typescript
* \@NgModule({
* imports: [BrowserModule]
* })
* class MyModule {}
*
* let moduleRef = platformBrowser().bootstrapModule(MyModule);
* ```
* \@stable
* @abstract
* @template M
* @param {?} moduleType
* @param {?=} compilerOptions
* @return {?}
*/
PlatformRef.prototype.bootstrapModule = function (moduleType, compilerOptions) { };
/**
* Register a listener to be called when the platform is disposed.
* @abstract
* @param {?} callback
* @return {?}
*/
PlatformRef.prototype.onDestroy = function (callback) { };
/**
* Retrieve the platform {\@link Injector}, which is the parent injector for
* every Angular application on the page and provides singleton providers.
* @abstract
* @return {?}
*/
PlatformRef.prototype.injector = function () { };
/**
* Destroy the Angular platform and all Angular applications on the page.
* @abstract
* @return {?}
*/
PlatformRef.prototype.destroy = function () { };
/**
* @abstract
* @return {?}
*/
PlatformRef.prototype.destroyed = function () { };
return PlatformRef;
}());
/**
* @param {?} errorHandler
* @param {?} callback
* @return {?}
*/
function _callAndReportToErrorHandler(errorHandler, callback) {
try {
var /** @type {?} */ result = callback();
if (isPromise(result)) {
return result.catch(function (e) {
errorHandler.handleError(e);
// rethrow as the exception handler might not do it
throw e;
});
}
return result;
}
catch (e) {
errorHandler.handleError(e);
// rethrow as the exception handler might not do it
throw e;
}
}
/**
* workaround https://github.com/angular/tsickle/issues/350
* @suppress {checkTypes}
*/
var PlatformRef_ = (function (_super) {
__extends(PlatformRef_, _super);
/**
* @param {?} _injector
*/
function PlatformRef_(_injector) {
var _this = _super.call(this) || this;
_this._injector = _injector;
_this._modules = [];
_this._destroyListeners = [];
_this._destroyed = false;
return _this;
}
/**
* @param {?} callback
* @return {?}
*/
PlatformRef_.prototype.onDestroy = function (callback) { this._destroyListeners.push(callback); };
Object.defineProperty(PlatformRef_.prototype, "injector", {
/**
* @return {?}
*/
get: function () { return this._injector; },
enumerable: true,
configurable: true
});
Object.defineProperty(PlatformRef_.prototype, "destroyed", {
/**
* @return {?}
*/
get: function () { return this._destroyed; },
enumerable: true,
configurable: true
});
/**
* @return {?}
*/
PlatformRef_.prototype.destroy = function () {
if (this._destroyed) {
throw new Error('The platform has already been destroyed!');
}
this._modules.slice().forEach(function (module) { return module.destroy(); });
this._destroyListeners.forEach(function (listener) { return listener(); });
this._destroyed = true;
};
/**
* @template M
* @param {?} moduleFactory
* @return {?}
*/
PlatformRef_.prototype.bootstrapModuleFactory = function (moduleFactory) {
return this._bootstrapModuleFactoryWithZone(moduleFactory, null);
};
/**
* @template M
* @param {?} moduleFactory
* @param {?} ngZone
* @return {?}
*/
PlatformRef_.prototype._bootstrapModuleFactoryWithZone = function (moduleFactory, ngZone) {
var _this = this;
// Note: We need to create the NgZone _before_ we instantiate the module,
// as instantiating the module creates some providers eagerly.
// So we create a mini parent injector that just contains the new NgZone and
// pass that as parent to the NgModuleFactory.
if (!ngZone)
ngZone = new NgZone({ enableLongStackTrace: isDevMode() });
// Attention: Don't use ApplicationRef.run here,
// as we want to be sure that all possible constructor calls are inside `ngZone.run`!
return ngZone.run(function () {
var /** @type {?} */ ngZoneInjector = ReflectiveInjector.resolveAndCreate([{ provide: NgZone, useValue: ngZone }], _this.injector);
var /** @type {?} */ moduleRef = (moduleFactory.create(ngZoneInjector));
var /** @type {?} */ exceptionHandler = moduleRef.injector.get(ErrorHandler, null);
if (!exceptionHandler) {
throw new Error('No ErrorHandler. Is platform module (BrowserModule) included?');
}
moduleRef.onDestroy(function () { return remove(_this._modules, moduleRef); });
ngZone.onError.subscribe({ next: function (error) { exceptionHandler.handleError(error); } });
return _callAndReportToErrorHandler(exceptionHandler, function () {
var /** @type {?} */ initStatus = moduleRef.injector.get(ApplicationInitStatus);
return initStatus.donePromise.then(function () {
_this._moduleDoBootstrap(moduleRef);
return moduleRef;
});
});
});
};
/**
* @template M
* @param {?} moduleType
* @param {?=} compilerOptions
* @return {?}
*/
PlatformRef_.prototype.bootstrapModule = function (moduleType, compilerOptions) {
if (compilerOptions === void 0) { compilerOptions = []; }
return this._bootstrapModuleWithZone(moduleType, compilerOptions, null);
};
/**
* @template M
* @param {?} moduleType
* @param {?=} compilerOptions
* @param {?=} ngZone
* @return {?}
*/
PlatformRef_.prototype._bootstrapModuleWithZone = function (moduleType, compilerOptions, ngZone) {
var _this = this;
if (compilerOptions === void 0) { compilerOptions = []; }
if (ngZone === void 0) { ngZone = null; }
var /** @type {?} */ compilerFactory = this.injector.get(CompilerFactory);
var /** @type {?} */ compiler = compilerFactory.createCompiler(Array.isArray(compilerOptions) ? compilerOptions : [compilerOptions]);
return compiler.compileModuleAsync(moduleType)
.then(function (moduleFactory) { return _this._bootstrapModuleFactoryWithZone(moduleFactory, ngZone); });
};
/**
* @param {?} moduleRef
* @return {?}
*/
PlatformRef_.prototype._moduleDoBootstrap = function (moduleRef) {
var /** @type {?} */ appRef = moduleRef.injector.get(ApplicationRef);
if (moduleRef.bootstrapFactories.length > 0) {
moduleRef.bootstrapFactories.forEach(function (f) { return appRef.bootstrap(f); });
}
else if (moduleRef.instance.ngDoBootstrap) {
moduleRef.instance.ngDoBootstrap(appRef);
}
else {
throw new Error("The module " + stringify(moduleRef.instance.constructor) + " was bootstrapped, but it does not declare \"@NgModule.bootstrap\" components nor a \"ngDoBootstrap\" method. " +
"Please define one of these.");
}
this._modules.push(moduleRef);
};
return PlatformRef_;
}(PlatformRef));
PlatformRef_.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
PlatformRef_.ctorParameters = function () { return [
{ type: Injector, },
]; };
/**
* A reference to an Angular application running on a page.
*
* For more about Angular applications, see the documentation for {\@link bootstrap}.
*
* \@stable
* @abstract
*/
var ApplicationRef = (function () {
function ApplicationRef() {
}
/**
* Bootstrap a new component at the root level of the application.
*
* ### Bootstrap process
*
* When bootstrapping a new root component into an application, Angular mounts the
* specified application component onto DOM elements identified by the [componentType]'s
* selector and kicks off automatic change detection to finish initializing the component.
*
* ### Example
* {\@example core/ts/platform/platform.ts region='longform'}
* @abstract
* @template C
* @param {?} componentFactory
* @return {?}
*/
ApplicationRef.prototype.bootstrap = function (componentFactory) { };
/**
* Invoke this method to explicitly process change detection and its side-effects.
*
* In development mode, `tick()` also performs a second change detection cycle to ensure that no
* further changes are detected. If additional changes are picked up during this second cycle,
* bindings in the app have side-effects that cannot be resolved in a single change detection
* pass.
* In this case, Angular throws an error, since an Angular application can only have one change
* detection pass during which all change detection must complete.
* @abstract
* @return {?}
*/
ApplicationRef.prototype.tick = function () { };
/**
* Get a list of component types registered to this application.
* This list is populated even before the component is created.
* @abstract
* @return {?}
*/
ApplicationRef.prototype.componentTypes = function () { };
/**
* Get a list of components registered to this application.
* @abstract
* @return {?}
*/
ApplicationRef.prototype.components = function () { };
/**
* Attaches a view so that it will be dirty checked.
* The view will be automatically detached when it is destroyed.
* This will throw if the view is already attached to a ViewContainer.
* @abstract
* @param {?} view
* @return {?}
*/
ApplicationRef.prototype.attachView = function (view) { };
/**
* Detaches a view from dirty checking again.
* @abstract
* @param {?} view
* @return {?}
*/
ApplicationRef.prototype.detachView = function (view) { };
/**
* Returns the number of attached views.
* @abstract
* @return {?}
*/
ApplicationRef.prototype.viewCount = function () { };
/**
* Returns an Observable that indicates when the application is stable or unstable.
* @abstract
* @return {?}
*/
ApplicationRef.prototype.isStable = function () { };
return ApplicationRef;
}());
/**
* workaround https://github.com/angular/tsickle/issues/350
* @suppress {checkTypes}
*/
var ApplicationRef_ = (function (_super) {
__extends(ApplicationRef_, _super);
/**
* @param {?} _zone
* @param {?} _console
* @param {?} _injector
* @param {?} _exceptionHandler
* @param {?} _componentFactoryResolver
* @param {?} _initStatus
*/
function ApplicationRef_(_zone, _console, _injector, _exceptionHandler, _componentFactoryResolver, _initStatus) {
var _this = _super.call(this) || this;
_this._zone = _zone;
_this._console = _console;
_this._injector = _injector;
_this._exceptionHandler = _exceptionHandler;
_this._componentFactoryResolver = _componentFactoryResolver;
_this._initStatus = _initStatus;
_this._bootstrapListeners = [];
_this._rootComponents = [];
_this._rootComponentTypes = [];
_this._views = [];
_this._runningTick = false;
_this._enforceNoNewChanges = false;
_this._stable = true;
_this._enforceNoNewChanges = isDevMode();
_this._zone.onMicrotaskEmpty.subscribe({ next: function () { _this._zone.run(function () { _this.tick(); }); } });
var isCurrentlyStable = new Observable_2(function (observer) {
_this._stable = _this._zone.isStable && !_this._zone.hasPendingMacrotasks &&
!_this._zone.hasPendingMicrotasks;
_this._zone.runOutsideAngular(function () {
observer.next(_this._stable);
observer.complete();
});
});
var isStable = new Observable_2(function (observer) {
var stableSub = _this._zone.onStable.subscribe(function () {
NgZone.assertNotInAngularZone();
// Check whether there are no pending macro/micro tasks in the next tick
// to allow for NgZone to update the state.
scheduleMicroTask(function () {
if (!_this._stable && !_this._zone.hasPendingMacrotasks &&
!_this._zone.hasPendingMicrotasks) {
_this._stable = true;
observer.next(true);
}
});
});
var unstableSub = _this._zone.onUnstable.subscribe(function () {
NgZone.assertInAngularZone();
if (_this._stable) {
_this._stable = false;
_this._zone.runOutsideAngular(function () { observer.next(false); });
}
});
return function () {
stableSub.unsubscribe();
unstableSub.unsubscribe();
};
});
_this._isStable = merge_2(isCurrentlyStable, share_2.call(isStable));
return _this;
}
/**
* @param {?} viewRef
* @return {?}
*/
ApplicationRef_.prototype.attachView = function (viewRef) {
var /** @type {?} */ view = ((viewRef));
this._views.push(view);
view.attachToAppRef(this);
};
/**
* @param {?} viewRef
* @return {?}
*/
ApplicationRef_.prototype.detachView = function (viewRef) {
var /** @type {?} */ view = ((viewRef));
remove(this._views, view);
view.detachFromAppRef();
};
/**
* @template C
* @param {?} componentOrFactory
* @return {?}
*/
ApplicationRef_.prototype.bootstrap = function (componentOrFactory) {
var _this = this;
if (!this._initStatus.done) {
throw new Error('Cannot bootstrap as there are still asynchronous initializers running. Bootstrap components in the `ngDoBootstrap` method of the root module.');
}
var /** @type {?} */ componentFactory;
if (componentOrFactory instanceof ComponentFactory) {
componentFactory = componentOrFactory;
}
else {
componentFactory = this._componentFactoryResolver.resolveComponentFactory(componentOrFactory);
}
this._rootComponentTypes.push(componentFactory.componentType);
// Create a factory associated with the current module if it's not bound to some other
var /** @type {?} */ ngModule = componentFactory instanceof ComponentFactoryBoundToModule ?
null :
this._injector.get(NgModuleRef);
var /** @type {?} */ compRef = componentFactory.create(Injector.NULL, [], componentFactory.selector, ngModule);
compRef.onDestroy(function () { _this._unloadComponent(compRef); });
var /** @type {?} */ testability = compRef.injector.get(Testability, null);
if (testability) {
compRef.injector.get(TestabilityRegistry)
.registerApplication(compRef.location.nativeElement, testability);
}
this._loadComponent(compRef);
if (isDevMode()) {
this._console.log("Angular is running in the development mode. Call enableProdMode() to enable the production mode.");
}
return compRef;
};
/**
* @param {?} componentRef
* @return {?}
*/
ApplicationRef_.prototype._loadComponent = function (componentRef) {
this.attachView(componentRef.hostView);
this.tick();
this._rootComponents.push(componentRef);
// Get the listeners lazily to prevent DI cycles.
var /** @type {?} */ listeners = this._injector.get(APP_BOOTSTRAP_LISTENER, []).concat(this._bootstrapListeners);
listeners.forEach(function (listener) { return listener(componentRef); });
};
/**
* @param {?} componentRef
* @return {?}
*/
ApplicationRef_.prototype._unloadComponent = function (componentRef) {
this.detachView(componentRef.hostView);
remove(this._rootComponents, componentRef);
};
/**
* @return {?}
*/
ApplicationRef_.prototype.tick = function () {
if (this._runningTick) {
throw new Error('ApplicationRef.tick is called recursively');
}
var /** @type {?} */ scope = ApplicationRef_._tickScope();
try {
this._runningTick = true;
this._views.forEach(function (view) { return view.detectChanges(); });
if (this._enforceNoNewChanges) {
this._views.forEach(function (view) { return view.checkNoChanges(); });
}
}
finally {
this._runningTick = false;
wtfLeave(scope);
}
};
/**
* @return {?}
*/
ApplicationRef_.prototype.ngOnDestroy = function () {
// TODO(alxhub): Dispose of the NgZone.
this._views.slice().forEach(function (view) { return view.destroy(); });
};
Object.defineProperty(ApplicationRef_.prototype, "viewCount", {
/**
* @return {?}
*/
get: function () { return this._views.length; },
enumerable: true,
configurable: true
});
Object.defineProperty(ApplicationRef_.prototype, "componentTypes", {
/**
* @return {?}
*/
get: function () { return this._rootComponentTypes; },
enumerable: true,
configurable: true
});
Object.defineProperty(ApplicationRef_.prototype, "components", {
/**
* @return {?}
*/
get: function () { return this._rootComponents; },
enumerable: true,
configurable: true
});
Object.defineProperty(ApplicationRef_.prototype, "isStable", {
/**
* @return {?}
*/
get: function () { return this._isStable; },
enumerable: true,
configurable: true
});
return ApplicationRef_;
}(ApplicationRef));
/**
* \@internal
*/
ApplicationRef_._tickScope = wtfCreateScope('ApplicationRef#tick()');
ApplicationRef_.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
ApplicationRef_.ctorParameters = function () { return [
{ type: NgZone, },
{ type: Console, },
{ type: Injector, },
{ type: ErrorHandler, },
{ type: ComponentFactoryResolver, },
{ type: ApplicationInitStatus, },
]; };
/**
* @template T
* @param {?} list
* @param {?} el
* @return {?}
*/
function remove(list, el) {
var /** @type {?} */ index = list.indexOf(el);
if (index > -1) {
list.splice(index, 1);
}
}
/**
* @deprecated Use the `Renderer2` instead.
* @abstract
*/
var Renderer = (function () {
function Renderer() {
}
/**
* @abstract
* @param {?} selectorOrNode
* @param {?=} debugInfo
* @return {?}
*/
Renderer.prototype.selectRootElement = function (selectorOrNode, debugInfo) { };
/**
* @abstract
* @param {?} parentElement
* @param {?} name
* @param {?=} debugInfo
* @return {?}
*/
Renderer.prototype.createElement = function (parentElement, name, debugInfo) { };
/**
* @abstract
* @param {?} hostElement
* @return {?}
*/
Renderer.prototype.createViewRoot = function (hostElement) { };
/**
* @abstract
* @param {?} parentElement
* @param {?=} debugInfo
* @return {?}
*/
Renderer.prototype.createTemplateAnchor = function (parentElement, debugInfo) { };
/**
* @abstract
* @param {?} parentElement
* @param {?} value
* @param {?=} debugInfo
* @return {?}
*/
Renderer.prototype.createText = function (parentElement, value, debugInfo) { };
/**
* @abstract
* @param {?} parentElement
* @param {?} nodes
* @return {?}
*/
Renderer.prototype.projectNodes = function (parentElement, nodes) { };
/**
* @abstract
* @param {?} node
* @param {?} viewRootNodes
* @return {?}
*/
Renderer.prototype.attachViewAfter = function (node, viewRootNodes) { };
/**
* @abstract
* @param {?} viewRootNodes
* @return {?}
*/
Renderer.prototype.detachView = function (viewRootNodes) { };
/**
* @abstract
* @param {?} hostElement
* @param {?} viewAllNodes
* @return {?}
*/
Renderer.prototype.destroyView = function (hostElement, viewAllNodes) { };
/**
* @abstract
* @param {?} renderElement
* @param {?} name
* @param {?} callback
* @return {?}
*/
Renderer.prototype.listen = function (renderElement, name, callback) { };
/**
* @abstract
* @param {?} target
* @param {?} name
* @param {?} callback
* @return {?}
*/
Renderer.prototype.listenGlobal = function (target, name, callback) { };
/**
* @abstract
* @param {?} renderElement
* @param {?} propertyName
* @param {?} propertyValue
* @return {?}
*/
Renderer.prototype.setElementProperty = function (renderElement, propertyName, propertyValue) { };
/**
* @abstract
* @param {?} renderElement
* @param {?} attributeName
* @param {?} attributeValue
* @return {?}
*/
Renderer.prototype.setElementAttribute = function (renderElement, attributeName, attributeValue) { };
/**
* Used only in debug mode to serialize property changes to dom nodes as attributes.
* @abstract
* @param {?} renderElement
* @param {?} propertyName
* @param {?} propertyValue
* @return {?}
*/
Renderer.prototype.setBindingDebugInfo = function (renderElement, propertyName, propertyValue) { };
/**
* @abstract
* @param {?} renderElement
* @param {?} className
* @param {?} isAdd
* @return {?}
*/
Renderer.prototype.setElementClass = function (renderElement, className, isAdd) { };
/**
* @abstract
* @param {?} renderElement
* @param {?} styleName
* @param {?} styleValue
* @return {?}
*/
Renderer.prototype.setElementStyle = function (renderElement, styleName, styleValue) { };
/**
* @abstract
* @param {?} renderElement
* @param {?} methodName
* @param {?=} args
* @return {?}
*/
Renderer.prototype.invokeElementMethod = function (renderElement, methodName, args) { };
/**
* @abstract
* @param {?} renderNode
* @param {?} text
* @return {?}
*/
Renderer.prototype.setText = function (renderNode, text) { };
/**
* @abstract
* @param {?} element
* @param {?} startingStyles
* @param {?} keyframes
* @param {?} duration
* @param {?} delay
* @param {?} easing
* @param {?=} previousPlayers
* @return {?}
*/
Renderer.prototype.animate = function (element, startingStyles, keyframes, duration, delay, easing, previousPlayers) { };
return Renderer;
}());
var Renderer2Interceptor = new InjectionToken('Renderer2Interceptor');
/**
* \@experimental
* @abstract
*/
var RendererFactory2 = (function () {
function RendererFactory2() {
}
/**
* @abstract
* @param {?} hostElement
* @param {?} type
* @return {?}
*/
RendererFactory2.prototype.createRenderer = function (hostElement, type) { };
return RendererFactory2;
}());
var RendererStyleFlags2 = {};
RendererStyleFlags2.Important = 1;
RendererStyleFlags2.DashCase = 2;
RendererStyleFlags2[RendererStyleFlags2.Important] = "Important";
RendererStyleFlags2[RendererStyleFlags2.DashCase] = "DashCase";
/**
* \@experimental
* @abstract
*/
var Renderer2 = (function () {
function Renderer2() {
}
/**
* This field can be used to store arbitrary data on this renderer instance.
* This is useful for renderers that delegate to other renderers.
* @abstract
* @return {?}
*/
Renderer2.prototype.data = function () { };
/**
* @abstract
* @return {?}
*/
Renderer2.prototype.destroy = function () { };
/**
* @abstract
* @param {?} name
* @param {?=} namespace
* @return {?}
*/
Renderer2.prototype.createElement = function (name, namespace) { };
/**
* @abstract
* @param {?} value
* @return {?}
*/
Renderer2.prototype.createComment = function (value) { };
/**
* @abstract
* @param {?} value
* @return {?}
*/
Renderer2.prototype.createText = function (value) { };
/**
* @abstract
* @param {?} parent
* @param {?} newChild
* @return {?}
*/
Renderer2.prototype.appendChild = function (parent, newChild) { };
/**
* @abstract
* @param {?} parent
* @param {?} newChild
* @param {?} refChild
* @return {?}
*/
Renderer2.prototype.insertBefore = function (parent, newChild, refChild) { };
/**
* @abstract
* @param {?} parent
* @param {?} oldChild
* @return {?}
*/
Renderer2.prototype.removeChild = function (parent, oldChild) { };
/**
* @abstract
* @param {?} selectorOrNode
* @return {?}
*/
Renderer2.prototype.selectRootElement = function (selectorOrNode) { };
/**
* Attention: On WebWorkers, this will always return a value,
* as we are asking for a result synchronously. I.e.
* the caller can't rely on checking whether this is null or not.
* @abstract
* @param {?} node
* @return {?}
*/
Renderer2.prototype.parentNode = function (node) { };
/**
* Attention: On WebWorkers, this will always return a value,
* as we are asking for a result synchronously. I.e.
* the caller can't rely on checking whether this is null or not.
* @abstract
* @param {?} node
* @return {?}
*/
Renderer2.prototype.nextSibling = function (node) { };
/**
* @abstract
* @param {?} el
* @param {?} name
* @param {?} value
* @param {?=} namespace
* @return {?}
*/
Renderer2.prototype.setAttribute = function (el, name, value, namespace) { };
/**
* @abstract
* @param {?} el
* @param {?} name
* @param {?=} namespace
* @return {?}
*/
Renderer2.prototype.removeAttribute = function (el, name, namespace) { };
/**
* @abstract
* @param {?} el
* @param {?} name
* @return {?}
*/
Renderer2.prototype.addClass = function (el, name) { };
/**
* @abstract
* @param {?} el
* @param {?} name
* @return {?}
*/
Renderer2.prototype.removeClass = function (el, name) { };
/**
* @abstract
* @param {?} el
* @param {?} style
* @param {?} value
* @param {?=} flags
* @return {?}
*/
Renderer2.prototype.setStyle = function (el, style, value, flags) { };
/**
* @abstract
* @param {?} el
* @param {?} style
* @param {?=} flags
* @return {?}
*/
Renderer2.prototype.removeStyle = function (el, style, flags) { };
/**
* @abstract
* @param {?} el
* @param {?} name
* @param {?} value
* @return {?}
*/
Renderer2.prototype.setProperty = function (el, name, value) { };
/**
* @abstract
* @param {?} node
* @param {?} value
* @return {?}
*/
Renderer2.prototype.setValue = function (node, value) { };
/**
* @abstract
* @param {?} target
* @param {?} eventName
* @param {?} callback
* @return {?}
*/
Renderer2.prototype.listen = function (target, eventName, callback) { };
return Renderer2;
}());
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
// Public API for render
var ElementRef = (function () {
/**
* @param {?} nativeElement
*/
function ElementRef(nativeElement) {
this.nativeElement = nativeElement;
}
return ElementRef;
}());
var moduleFactories = new Map();
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* An unmodifiable list of items that Angular keeps up to date when the state
* of the application changes.
*
* The type of object that {\@link Query} and {\@link ViewQueryMetadata} provide.
*
* Implements an iterable interface, therefore it can be used in both ES6
* javascript `for (var i of items)` loops as well as in Angular templates with
* `*ngFor="let i of myList"`.
*
* Changes can be observed by subscribing to the changes `Observable`.
*
* NOTE: In the future this class will implement an `Observable` interface.
*
* ### Example ([live demo](http://plnkr.co/edit/RX8sJnQYl9FWuSCWme5z?p=preview))
* ```typescript
* \@Component({...})
* class Container {
* \@ViewChildren(Item) items:QueryList<Item>;
* }
* ```
* \@stable
*/
var QueryList = (function () {
function QueryList() {
this._dirty = true;
this._results = [];
this._emitter = new EventEmitter();
}
Object.defineProperty(QueryList.prototype, "changes", {
/**
* @return {?}
*/
get: function () { return this._emitter; },
enumerable: true,
configurable: true
});
Object.defineProperty(QueryList.prototype, "length", {
/**
* @return {?}
*/
get: function () { return this._results.length; },
enumerable: true,
configurable: true
});
Object.defineProperty(QueryList.prototype, "first", {
/**
* @return {?}
*/
get: function () { return this._results[0]; },
enumerable: true,
configurable: true
});
Object.defineProperty(QueryList.prototype, "last", {
/**
* @return {?}
*/
get: function () { return this._results[this.length - 1]; },
enumerable: true,
configurable: true
});
/**
* See
* [Array.map](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map)
* @template U
* @param {?} fn
* @return {?}
*/
QueryList.prototype.map = function (fn) { return this._results.map(fn); };
/**
* See
* [Array.filter](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter)
* @param {?} fn
* @return {?}
*/
QueryList.prototype.filter = function (fn) {
return this._results.filter(fn);
};
/**
* See
* [Array.find](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/find)
* @param {?} fn
* @return {?}
*/
QueryList.prototype.find = function (fn) { return this._results.find(fn); };
/**
* See
* [Array.reduce](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce)
* @template U
* @param {?} fn
* @param {?} init
* @return {?}
*/
QueryList.prototype.reduce = function (fn, init) {
return this._results.reduce(fn, init);
};
/**
* See
* [Array.forEach](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach)
* @param {?} fn
* @return {?}
*/
QueryList.prototype.forEach = function (fn) { this._results.forEach(fn); };
/**
* See
* [Array.some](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/some)
* @param {?} fn
* @return {?}
*/
QueryList.prototype.some = function (fn) {
return this._results.some(fn);
};
/**
* @return {?}
*/
QueryList.prototype.toArray = function () { return this._results.slice(); };
/**
* @return {?}
*/
QueryList.prototype[getSymbolIterator()] = function () { return ((this._results))[getSymbolIterator()](); };
/**
* @return {?}
*/
QueryList.prototype.toString = function () { return this._results.toString(); };
/**
* @param {?} res
* @return {?}
*/
QueryList.prototype.reset = function (res) {
this._results = flatten(res);
this._dirty = false;
};
/**
* @return {?}
*/
QueryList.prototype.notifyOnChanges = function () { this._emitter.emit(this); };
/**
* internal
* @return {?}
*/
QueryList.prototype.setDirty = function () { this._dirty = true; };
Object.defineProperty(QueryList.prototype, "dirty", {
/**
* internal
* @return {?}
*/
get: function () { return this._dirty; },
enumerable: true,
configurable: true
});
return QueryList;
}());
/**
* @template T
* @param {?} list
* @return {?}
*/
function flatten(list) {
return list.reduce(function (flat, item) {
var /** @type {?} */ flatItem = Array.isArray(item) ? flatten(item) : item;
return ((flat)).concat(flatItem);
}, []);
}
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var _SEPARATOR = '#';
var FACTORY_CLASS_SUFFIX = 'NgFactory';
/**
* Configuration for SystemJsNgModuleLoader.
* token.
*
* \@experimental
* @abstract
*/
var SystemJsNgModuleLoaderConfig = (function () {
function SystemJsNgModuleLoaderConfig() {
}
return SystemJsNgModuleLoaderConfig;
}());
var DEFAULT_CONFIG = {
factoryPathPrefix: '',
factoryPathSuffix: '.ngfactory',
};
/**
* NgModuleFactoryLoader that uses SystemJS to load NgModuleFactory
* \@experimental
*/
var SystemJsNgModuleLoader = (function () {
/**
* @param {?} _compiler
* @param {?=} config
*/
function SystemJsNgModuleLoader(_compiler, config) {
this._compiler = _compiler;
this._config = config || DEFAULT_CONFIG;
}
/**
* @param {?} path
* @return {?}
*/
SystemJsNgModuleLoader.prototype.load = function (path) {
var /** @type {?} */ offlineMode = this._compiler instanceof Compiler;
return offlineMode ? this.loadFactory(path) : this.loadAndCompile(path);
};
/**
* @param {?} path
* @return {?}
*/
SystemJsNgModuleLoader.prototype.loadAndCompile = function (path) {
var _this = this;
var _a = path.split(_SEPARATOR), module = _a[0], exportName = _a[1];
if (exportName === undefined) {
exportName = 'default';
}
return System.import(module)
.then(function (module) { return module[exportName]; })
.then(function (type) { return checkNotEmpty(type, module, exportName); })
.then(function (type) { return _this._compiler.compileModuleAsync(type); });
};
/**
* @param {?} path
* @return {?}
*/
SystemJsNgModuleLoader.prototype.loadFactory = function (path) {
var _a = path.split(_SEPARATOR), module = _a[0], exportName = _a[1];
var /** @type {?} */ factoryClassSuffix = FACTORY_CLASS_SUFFIX;
if (exportName === undefined) {
exportName = 'default';
factoryClassSuffix = '';
}
return System.import(this._config.factoryPathPrefix + module + this._config.factoryPathSuffix)
.then(function (module) { return module[exportName + factoryClassSuffix]; })
.then(function (factory) { return checkNotEmpty(factory, module, exportName); });
};
return SystemJsNgModuleLoader;
}());
SystemJsNgModuleLoader.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
SystemJsNgModuleLoader.ctorParameters = function () { return [
{ type: Compiler, },
{ type: SystemJsNgModuleLoaderConfig, decorators: [{ type: Optional },] },
]; };
/**
* @param {?} value
* @param {?} modulePath
* @param {?} exportName
* @return {?}
*/
function checkNotEmpty(value, modulePath, exportName) {
if (!value) {
throw new Error("Cannot find '" + exportName + "' in '" + modulePath + "'");
}
return value;
}
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* Represents an Embedded Template that can be used to instantiate Embedded Views.
*
* You can access a `TemplateRef`, in two ways. Via a directive placed on a `<ng-template>` element
* (or directive prefixed with `*`) and have the `TemplateRef` for this Embedded View injected into
* the constructor of the directive using the `TemplateRef` Token. Alternatively you can query for
* the `TemplateRef` from a Component or a Directive via {\@link Query}.
*
* To instantiate Embedded Views based on a Template, use
* {\@link ViewContainerRef#createEmbeddedView}, which will create the View and attach it to the
* View Container.
* \@stable
* @abstract
*/
var TemplateRef = (function () {
function TemplateRef() {
}
/**
* @abstract
* @return {?}
*/
TemplateRef.prototype.elementRef = function () { };
/**
* @abstract
* @param {?} context
* @return {?}
*/
TemplateRef.prototype.createEmbeddedView = function (context) { };
return TemplateRef;
}());
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* Represents a container where one or more Views can be attached.
*
* The container can contain two kinds of Views. Host Views, created by instantiating a
* {\@link Component} via {\@link #createComponent}, and Embedded Views, created by instantiating an
* {\@link TemplateRef Embedded Template} via {\@link #createEmbeddedView}.
*
* The location of the View Container within the containing View is specified by the Anchor
* `element`. Each View Container can have only one Anchor Element and each Anchor Element can only
* have a single View Container.
*
* Root elements of Views attached to this container become siblings of the Anchor Element in
* the Rendered View.
*
* To access a `ViewContainerRef` of an Element, you can either place a {\@link Directive} injected
* with `ViewContainerRef` on the Element, or you obtain it via a {\@link ViewChild} query.
* \@stable
* @abstract
*/
var ViewContainerRef = (function () {
function ViewContainerRef() {
}
/**
* Anchor element that specifies the location of this container in the containing View.
* <!-- TODO: rename to anchorElement -->
* @abstract
* @return {?}
*/
ViewContainerRef.prototype.element = function () { };
/**
* @abstract
* @return {?}
*/
ViewContainerRef.prototype.injector = function () { };
/**
* @abstract
* @return {?}
*/
ViewContainerRef.prototype.parentInjector = function () { };
/**
* Destroys all Views in this container.
* @abstract
* @return {?}
*/
ViewContainerRef.prototype.clear = function () { };
/**
* Returns the {\@link ViewRef} for the View located in this container at the specified index.
* @abstract
* @param {?} index
* @return {?}
*/
ViewContainerRef.prototype.get = function (index) { };
/**
* Returns the number of Views currently attached to this container.
* @abstract
* @return {?}
*/
ViewContainerRef.prototype.length = function () { };
/**
* Instantiates an Embedded View based on the {\@link TemplateRef `templateRef`} and inserts it
* into this container at the specified `index`.
*
* If `index` is not specified, the new View will be inserted as the last View in the container.
*
* Returns the {\@link ViewRef} for the newly created View.
* @abstract
* @template C
* @param {?} templateRef
* @param {?=} context
* @param {?=} index
* @return {?}
*/
ViewContainerRef.prototype.createEmbeddedView = function (templateRef, context, index) { };
/**
* Instantiates a single {\@link Component} and inserts its Host View into this container at the
* specified `index`.
*
* The component is instantiated using its {\@link ComponentFactory} which can be
* obtained via {\@link ComponentFactoryResolver#resolveComponentFactory}.
*
* If `index` is not specified, the new View will be inserted as the last View in the container.
*
* You can optionally specify the {\@link Injector} that will be used as parent for the Component.
*
* Returns the {\@link ComponentRef} of the Host View created for the newly instantiated Component.
* @abstract
* @template C
* @param {?} componentFactory
* @param {?=} index
* @param {?=} injector
* @param {?=} projectableNodes
* @param {?=} ngModule
* @return {?}
*/
ViewContainerRef.prototype.createComponent = function (componentFactory, index, injector, projectableNodes, ngModule) { };
/**
* Inserts a View identified by a {\@link ViewRef} into the container at the specified `index`.
*
* If `index` is not specified, the new View will be inserted as the last View in the container.
*
* Returns the inserted {\@link ViewRef}.
* @abstract
* @param {?} viewRef
* @param {?=} index
* @return {?}
*/
ViewContainerRef.prototype.insert = function (viewRef, index) { };
/**
* Moves a View identified by a {\@link ViewRef} into the container at the specified `index`.
*
* Returns the inserted {\@link ViewRef}.
* @abstract
* @param {?} viewRef
* @param {?} currentIndex
* @return {?}
*/
ViewContainerRef.prototype.move = function (viewRef, currentIndex) { };
/**
* Returns the index of the View, specified via {\@link ViewRef}, within the current container or
* `-1` if this container doesn't contain the View.
* @abstract
* @param {?} viewRef
* @return {?}
*/
ViewContainerRef.prototype.indexOf = function (viewRef) { };
/**
* Destroys a View attached to this container at the specified `index`.
*
* If `index` is not specified, the last View in the container will be removed.
* @abstract
* @param {?=} index
* @return {?}
*/
ViewContainerRef.prototype.remove = function (index) { };
/**
* Use along with {\@link #insert} to move a View within the current container.
*
* If the `index` param is omitted, the last {\@link ViewRef} is detached.
* @abstract
* @param {?=} index
* @return {?}
*/
ViewContainerRef.prototype.detach = function (index) { };
return ViewContainerRef;
}());
/**
* \@stable
* @abstract
*/
var ChangeDetectorRef = (function () {
function ChangeDetectorRef() {
}
/**
* Marks all {\@link ChangeDetectionStrategy#OnPush} ancestors as to be checked.
*
* <!-- TODO: Add a link to a chapter on OnPush components -->
*
* ### Example ([live demo](http://plnkr.co/edit/GC512b?p=preview))
*
* ```typescript
* \@Component({
* selector: 'cmp',
* changeDetection: ChangeDetectionStrategy.OnPush,
* template: `Number of ticks: {{numberOfTicks}}`
* })
* class Cmp {
* numberOfTicks = 0;
*
* constructor(ref: ChangeDetectorRef) {
* setInterval(() => {
* this.numberOfTicks ++
* // the following is required, otherwise the view will not be updated
* this.ref.markForCheck();
* }, 1000);
* }
* }
*
* \@Component({
* selector: 'app',
* changeDetection: ChangeDetectionStrategy.OnPush,
* template: `
* <cmp><cmp>
* `,
* })
* class App {
* }
* ```
* @abstract
* @return {?}
*/
ChangeDetectorRef.prototype.markForCheck = function () { };
/**
* Detaches the change detector from the change detector tree.
*
* The detached change detector will not be checked until it is reattached.
*
* This can also be used in combination with {\@link ChangeDetectorRef#detectChanges} to implement
* local change
* detection checks.
*
* <!-- TODO: Add a link to a chapter on detach/reattach/local digest -->
* <!-- TODO: Add a live demo once ref.detectChanges is merged into master -->
*
* ### Example
*
* The following example defines a component with a large list of readonly data.
* Imagine the data changes constantly, many times per second. For performance reasons,
* we want to check and update the list every five seconds. We can do that by detaching
* the component's change detector and doing a local check every five seconds.
*
* ```typescript
* class DataProvider {
* // in a real application the returned data will be different every time
* get data() {
* return [1,2,3,4,5];
* }
* }
*
* \@Component({
* selector: 'giant-list',
* template: `
* <li *ngFor="let d of dataProvider.data">Data {{d}}</lig>
* `,
* })
* class GiantList {
* constructor(private ref: ChangeDetectorRef, private dataProvider:DataProvider) {
* ref.detach();
* setInterval(() => {
* this.ref.detectChanges();
* }, 5000);
* }
* }
*
* \@Component({
* selector: 'app',
* providers: [DataProvider],
* template: `
* <giant-list><giant-list>
* `,
* })
* class App {
* }
* ```
* @abstract
* @return {?}
*/
ChangeDetectorRef.prototype.detach = function () { };
/**
* Checks the change detector and its children.
*
* This can also be used in combination with {\@link ChangeDetectorRef#detach} to implement local
* change detection
* checks.
*
* <!-- TODO: Add a link to a chapter on detach/reattach/local digest -->
* <!-- TODO: Add a live demo once ref.detectChanges is merged into master -->
*
* ### Example
*
* The following example defines a component with a large list of readonly data.
* Imagine, the data changes constantly, many times per second. For performance reasons,
* we want to check and update the list every five seconds.
*
* We can do that by detaching the component's change detector and doing a local change detection
* check
* every five seconds.
*
* See {\@link ChangeDetectorRef#detach} for more information.
* @abstract
* @return {?}
*/
ChangeDetectorRef.prototype.detectChanges = function () { };
/**
* Checks the change detector and its children, and throws if any changes are detected.
*
* This is used in development mode to verify that running change detection doesn't introduce
* other changes.
* @abstract
* @return {?}
*/
ChangeDetectorRef.prototype.checkNoChanges = function () { };
/**
* Reattach the change detector to the change detector tree.
*
* This also marks OnPush ancestors as to be checked. This reattached change detector will be
* checked during the next change detection run.
*
* <!-- TODO: Add a link to a chapter on detach/reattach/local digest -->
*
* ### Example ([live demo](http://plnkr.co/edit/aUhZha?p=preview))
*
* The following example creates a component displaying `live` data. The component will detach
* its change detector from the main change detector tree when the component's live property
* is set to false.
*
* ```typescript
* class DataProvider {
* data = 1;
*
* constructor() {
* setInterval(() => {
* this.data = this.data * 2;
* }, 500);
* }
* }
*
* \@Component({
* selector: 'live-data',
* inputs: ['live'],
* template: 'Data: {{dataProvider.data}}'
* })
* class LiveData {
* constructor(private ref: ChangeDetectorRef, private dataProvider:DataProvider) {}
*
* set live(value) {
* if (value)
* this.ref.reattach();
* else
* this.ref.detach();
* }
* }
*
* \@Component({
* selector: 'app',
* providers: [DataProvider],
* template: `
* Live Update: <input type="checkbox" [(ngModel)]="live">
* <live-data [live]="live"><live-data>
* `,
* })
* class App {
* live = true;
* }
* ```
* @abstract
* @return {?}
*/
ChangeDetectorRef.prototype.reattach = function () { };
return ChangeDetectorRef;
}());
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* \@stable
* @abstract
*/
var ViewRef = (function (_super) {
__extends(ViewRef, _super);
function ViewRef() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* Destroys the view and all of the data structures associated with it.
* @abstract
* @return {?}
*/
ViewRef.prototype.destroy = function () { };
/**
* @abstract
* @return {?}
*/
ViewRef.prototype.destroyed = function () { };
/**
* @abstract
* @param {?} callback
* @return {?}
*/
ViewRef.prototype.onDestroy = function (callback) { };
return ViewRef;
}(ChangeDetectorRef));
/**
* Represents an Angular View.
*
* <!-- TODO: move the next two paragraphs to the dev guide -->
* A View is a fundamental building block of the application UI. It is the smallest grouping of
* Elements which are created and destroyed together.
*
* Properties of elements in a View can change, but the structure (number and order) of elements in
* a View cannot. Changing the structure of Elements can only be done by inserting, moving or
* removing nested Views via a {\@link ViewContainerRef}. Each View can contain many View Containers.
* <!-- /TODO -->
*
* ### Example
*
* Given this template...
*
* ```
* Count: {{items.length}}
* <ul>
* <li *ngFor="let item of items">{{item}}</li>
* </ul>
* ```
*
* We have two {\@link TemplateRef}s:
*
* Outer {\@link TemplateRef}:
* ```
* Count: {{items.length}}
* <ul>
* <ng-template ngFor let-item [ngForOf]="items"></ng-template>
* </ul>
* ```
*
* Inner {\@link TemplateRef}:
* ```
* <li>{{item}}</li>
* ```
*
* Notice that the original template is broken down into two separate {\@link TemplateRef}s.
*
* The outer/inner {\@link TemplateRef}s are then assembled into views like so:
*
* ```
* <!-- ViewRef: outer-0 -->
* Count: 2
* <ul>
* <ng-template view-container-ref></ng-template>
* <!-- ViewRef: inner-1 --><li>first</li><!-- /ViewRef: inner-1 -->
* <!-- ViewRef: inner-2 --><li>second</li><!-- /ViewRef: inner-2 -->
* </ul>
* <!-- /ViewRef: outer-0 -->
* ```
* \@experimental
* @abstract
*/
var EmbeddedViewRef = (function (_super) {
__extends(EmbeddedViewRef, _super);
function EmbeddedViewRef() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @abstract
* @return {?}
*/
EmbeddedViewRef.prototype.context = function () { };
/**
* @abstract
* @return {?}
*/
EmbeddedViewRef.prototype.rootNodes = function () { };
return EmbeddedViewRef;
}(ViewRef));
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
// Public API for compiler
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var EventListener = (function () {
/**
* @param {?} name
* @param {?} callback
*/
function EventListener(name, callback) {
this.name = name;
this.callback = callback;
}
return EventListener;
}());
/**
* \@experimental All debugging apis are currently experimental.
*/
var DebugNode = (function () {
/**
* @param {?} nativeNode
* @param {?} parent
* @param {?} _debugContext
*/
function DebugNode(nativeNode, parent, _debugContext) {
this._debugContext = _debugContext;
this.nativeNode = nativeNode;
if (parent && parent instanceof DebugElement) {
parent.addChild(this);
}
else {
this.parent = null;
}
this.listeners = [];
}
Object.defineProperty(DebugNode.prototype, "injector", {
/**
* @return {?}
*/
get: function () { return this._debugContext ? this._debugContext.injector : null; },
enumerable: true,
configurable: true
});
Object.defineProperty(DebugNode.prototype, "componentInstance", {
/**
* @return {?}
*/
get: function () { return this._debugContext ? this._debugContext.component : null; },
enumerable: true,
configurable: true
});
Object.defineProperty(DebugNode.prototype, "context", {
/**
* @return {?}
*/
get: function () { return this._debugContext ? this._debugContext.context : null; },
enumerable: true,
configurable: true
});
Object.defineProperty(DebugNode.prototype, "references", {
/**
* @return {?}
*/
get: function () {
return this._debugContext ? this._debugContext.references : null;
},
enumerable: true,
configurable: true
});
Object.defineProperty(DebugNode.prototype, "providerTokens", {
/**
* @return {?}
*/
get: function () {
return this._debugContext ? this._debugContext.providerTokens : null;
},
enumerable: true,
configurable: true
});
Object.defineProperty(DebugNode.prototype, "source", {
/**
* @deprecated since v4
* @return {?}
*/
get: function () { return 'Deprecated since v4'; },
enumerable: true,
configurable: true
});
return DebugNode;
}());
/**
* \@experimental All debugging apis are currently experimental.
*/
var DebugElement = (function (_super) {
__extends(DebugElement, _super);
/**
* @param {?} nativeNode
* @param {?} parent
* @param {?} _debugContext
*/
function DebugElement(nativeNode, parent, _debugContext) {
var _this = _super.call(this, nativeNode, parent, _debugContext) || this;
_this.properties = {};
_this.attributes = {};
_this.classes = {};
_this.styles = {};
_this.childNodes = [];
_this.nativeElement = nativeNode;
return _this;
}
/**
* @param {?} child
* @return {?}
*/
DebugElement.prototype.addChild = function (child) {
if (child) {
this.childNodes.push(child);
child.parent = this;
}
};
/**
* @param {?} child
* @return {?}
*/
DebugElement.prototype.removeChild = function (child) {
var /** @type {?} */ childIndex = this.childNodes.indexOf(child);
if (childIndex !== -1) {
child.parent = null;
this.childNodes.splice(childIndex, 1);
}
};
/**
* @param {?} child
* @param {?} newChildren
* @return {?}
*/
DebugElement.prototype.insertChildrenAfter = function (child, newChildren) {
var _this = this;
var /** @type {?} */ siblingIndex = this.childNodes.indexOf(child);
if (siblingIndex !== -1) {
(_a = this.childNodes).splice.apply(_a, [siblingIndex + 1, 0].concat(newChildren));
newChildren.forEach(function (c) {
if (c.parent) {
c.parent.removeChild(c);
}
c.parent = _this;
});
}
var _a;
};
/**
* @param {?} refChild
* @param {?} newChild
* @return {?}
*/
DebugElement.prototype.insertBefore = function (refChild, newChild) {
var /** @type {?} */ refIndex = this.childNodes.indexOf(refChild);
if (refIndex === -1) {
this.addChild(newChild);
}
else {
if (newChild.parent) {
newChild.parent.removeChild(newChild);
}
newChild.parent = this;
this.childNodes.splice(refIndex, 0, newChild);
}
};
/**
* @param {?} predicate
* @return {?}
*/
DebugElement.prototype.query = function (predicate) {
var /** @type {?} */ results = this.queryAll(predicate);
return results[0] || null;
};
/**
* @param {?} predicate
* @return {?}
*/
DebugElement.prototype.queryAll = function (predicate) {
var /** @type {?} */ matches = [];
_queryElementChildren(this, predicate, matches);
return matches;
};
/**
* @param {?} predicate
* @return {?}
*/
DebugElement.prototype.queryAllNodes = function (predicate) {
var /** @type {?} */ matches = [];
_queryNodeChildren(this, predicate, matches);
return matches;
};
Object.defineProperty(DebugElement.prototype, "children", {
/**
* @return {?}
*/
get: function () {
return (this.childNodes.filter(function (node) { return node instanceof DebugElement; }));
},
enumerable: true,
configurable: true
});
/**
* @param {?} eventName
* @param {?} eventObj
* @return {?}
*/
DebugElement.prototype.triggerEventHandler = function (eventName, eventObj) {
this.listeners.forEach(function (listener) {
if (listener.name == eventName) {
listener.callback(eventObj);
}
});
};
return DebugElement;
}(DebugNode));
/**
* @param {?} element
* @param {?} predicate
* @param {?} matches
* @return {?}
*/
function _queryElementChildren(element, predicate, matches) {
element.childNodes.forEach(function (node) {
if (node instanceof DebugElement) {
if (predicate(node)) {
matches.push(node);
}
_queryElementChildren(node, predicate, matches);
}
});
}
/**
* @param {?} parentNode
* @param {?} predicate
* @param {?} matches
* @return {?}
*/
function _queryNodeChildren(parentNode, predicate, matches) {
if (parentNode instanceof DebugElement) {
parentNode.childNodes.forEach(function (node) {
if (predicate(node)) {
matches.push(node);
}
if (node instanceof DebugElement) {
_queryNodeChildren(node, predicate, matches);
}
});
}
}
// Need to keep the nodes in a global Map so that multiple angular apps are supported.
var _nativeNodeToDebugNode = new Map();
/**
* \@experimental
* @param {?} nativeNode
* @return {?}
*/
function getDebugNode(nativeNode) {
return _nativeNodeToDebugNode.get(nativeNode);
}
/**
* @return {?}
*/
/**
* @param {?} node
* @return {?}
*/
function indexDebugNode(node) {
_nativeNodeToDebugNode.set(node.nativeNode, node);
}
/**
* @param {?} node
* @return {?}
*/
function removeDebugNodeFromIndex(node) {
_nativeNodeToDebugNode.delete(node.nativeNode);
}
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* @param {?} a
* @param {?} b
* @return {?}
*/
function devModeEqual(a, b) {
var /** @type {?} */ isListLikeIterableA = isListLikeIterable(a);
var /** @type {?} */ isListLikeIterableB = isListLikeIterable(b);
if (isListLikeIterableA && isListLikeIterableB) {
return areIterablesEqual(a, b, devModeEqual);
}
else {
var /** @type {?} */ isAObject = a && (typeof a === 'object' || typeof a === 'function');
var /** @type {?} */ isBObject = b && (typeof b === 'object' || typeof b === 'function');
if (!isListLikeIterableA && isAObject && !isListLikeIterableB && isBObject) {
return true;
}
else {
return looseIdentical(a, b);
}
}
}
/**
* Indicates that the result of a {\@link Pipe} transformation has changed even though the
* reference
* has not changed.
*
* The wrapped value will be unwrapped by change detection, and the unwrapped value will be stored.
*
* Example:
*
* ```
* if (this._latestValue === this._latestReturnedValue) {
* return this._latestReturnedValue;
* } else {
* this._latestReturnedValue = this._latestValue;
* return WrappedValue.wrap(this._latestValue); // this will force update
* }
* ```
* \@stable
*/
var WrappedValue = (function () {
/**
* @param {?} wrapped
*/
function WrappedValue(wrapped) {
this.wrapped = wrapped;
}
/**
* @param {?} value
* @return {?}
*/
WrappedValue.wrap = function (value) { return new WrappedValue(value); };
return WrappedValue;
}());
/**
* Represents a basic change from a previous to a new value.
* \@stable
*/
var SimpleChange = (function () {
/**
* @param {?} previousValue
* @param {?} currentValue
* @param {?} firstChange
*/
function SimpleChange(previousValue, currentValue, firstChange) {
this.previousValue = previousValue;
this.currentValue = currentValue;
this.firstChange = firstChange;
}
/**
* Check whether the new value is the first value assigned.
* @return {?}
*/
SimpleChange.prototype.isFirstChange = function () { return this.firstChange; };
return SimpleChange;
}());
/**
* @param {?} obj
* @return {?}
*/
function isListLikeIterable(obj) {
if (!isJsObject(obj))
return false;
return Array.isArray(obj) ||
(!(obj instanceof Map) &&
getSymbolIterator() in obj); // JS Iterable have a Symbol.iterator prop
}
/**
* @param {?} a
* @param {?} b
* @param {?} comparator
* @return {?}
*/
function areIterablesEqual(a, b, comparator) {
var /** @type {?} */ iterator1 = a[getSymbolIterator()]();
var /** @type {?} */ iterator2 = b[getSymbolIterator()]();
while (true) {
var /** @type {?} */ item1 = iterator1.next();
var /** @type {?} */ item2 = iterator2.next();
if (item1.done && item2.done)
return true;
if (item1.done || item2.done)
return false;
if (!comparator(item1.value, item2.value))
return false;
}
}
/**
* @param {?} obj
* @param {?} fn
* @return {?}
*/
function iterateListLike(obj, fn) {
if (Array.isArray(obj)) {
for (var /** @type {?} */ i = 0; i < obj.length; i++) {
fn(obj[i]);
}
}
else {
var /** @type {?} */ iterator = obj[getSymbolIterator()]();
var /** @type {?} */ item = void 0;
while (!((item = iterator.next()).done)) {
fn(item.value);
}
}
}
/**
* @param {?} o
* @return {?}
*/
function isJsObject(o) {
return o !== null && (typeof o === 'function' || typeof o === 'object');
}
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var DefaultIterableDifferFactory = (function () {
function DefaultIterableDifferFactory() {
}
/**
* @param {?} obj
* @return {?}
*/
DefaultIterableDifferFactory.prototype.supports = function (obj) { return isListLikeIterable(obj); };
/**
* @deprecated v4.0.0 - ChangeDetectorRef is not used and is no longer a parameter
* @template V
* @param {?=} cdRefOrTrackBy
* @param {?=} trackByFn
* @return {?}
*/
DefaultIterableDifferFactory.prototype.create = function (cdRefOrTrackBy, trackByFn) {
return new DefaultIterableDiffer(trackByFn || (cdRefOrTrackBy));
};
return DefaultIterableDifferFactory;
}());
var trackByIdentity = function (index, item) { return item; };
/**
* @deprecated v4.0.0 - Should not be part of public API.
*/
var DefaultIterableDiffer = (function () {
/**
* @param {?=} _trackByFn
*/
function DefaultIterableDiffer(_trackByFn) {
this._trackByFn = _trackByFn;
this._length = null;
this._collection = null;
this._linkedRecords = null;
this._unlinkedRecords = null;
this._previousItHead = null;
this._itHead = null;
this._itTail = null;
this._additionsHead = null;
this._additionsTail = null;
this._movesHead = null;
this._movesTail = null;
this._removalsHead = null;
this._removalsTail = null;
this._identityChangesHead = null;
this._identityChangesTail = null;
this._trackByFn = this._trackByFn || trackByIdentity;
}
Object.defineProperty(DefaultIterableDiffer.prototype, "collection", {
/**
* @return {?}
*/
get: function () { return this._collection; },
enumerable: true,
configurable: true
});
Object.defineProperty(DefaultIterableDiffer.prototype, "length", {
/**
* @return {?}
*/
get: function () { return this._length; },
enumerable: true,
configurable: true
});
/**
* @param {?} fn
* @return {?}
*/
DefaultIterableDiffer.prototype.forEachItem = function (fn) {
var /** @type {?} */ record;
for (record = this._itHead; record !== null; record = record._next) {
fn(record);
}
};
/**
* @param {?} fn
* @return {?}
*/
DefaultIterableDiffer.prototype.forEachOperation = function (fn) {
var /** @type {?} */ nextIt = this._itHead;
var /** @type {?} */ nextRemove = this._removalsHead;
var /** @type {?} */ addRemoveOffset = 0;
var /** @type {?} */ moveOffsets = null;
while (nextIt || nextRemove) {
// Figure out which is the next record to process
// Order: remove, add, move
var /** @type {?} */ record = !nextRemove ||
nextIt &&
nextIt.currentIndex < getPreviousIndex(nextRemove, addRemoveOffset, moveOffsets) ?
nextIt :
nextRemove;
var /** @type {?} */ adjPreviousIndex = getPreviousIndex(record, addRemoveOffset, moveOffsets);
var /** @type {?} */ currentIndex = record.currentIndex;
// consume the item, and adjust the addRemoveOffset and update moveDistance if necessary
if (record === nextRemove) {
addRemoveOffset--;
nextRemove = nextRemove._nextRemoved;
}
else {
nextIt = nextIt._next;
if (record.previousIndex == null) {
addRemoveOffset++;
}
else {
// INVARIANT: currentIndex < previousIndex
if (!moveOffsets)
moveOffsets = [];
var /** @type {?} */ localMovePreviousIndex = adjPreviousIndex - addRemoveOffset;
var /** @type {?} */ localCurrentIndex = currentIndex - addRemoveOffset;
if (localMovePreviousIndex != localCurrentIndex) {
for (var /** @type {?} */ i = 0; i < localMovePreviousIndex; i++) {
var /** @type {?} */ offset = i < moveOffsets.length ? moveOffsets[i] : (moveOffsets[i] = 0);
var /** @type {?} */ index = offset + i;
if (localCurrentIndex <= index && index < localMovePreviousIndex) {
moveOffsets[i] = offset + 1;
}
}
var /** @type {?} */ previousIndex = record.previousIndex;
moveOffsets[previousIndex] = localCurrentIndex - localMovePreviousIndex;
}
}
}
if (adjPreviousIndex !== currentIndex) {
fn(record, adjPreviousIndex, currentIndex);
}
}
};
/**
* @param {?} fn
* @return {?}
*/
DefaultIterableDiffer.prototype.forEachPreviousItem = function (fn) {
var /** @type {?} */ record;
for (record = this._previousItHead; record !== null; record = record._nextPrevious) {
fn(record);
}
};
/**
* @param {?} fn
* @return {?}
*/
DefaultIterableDiffer.prototype.forEachAddedItem = function (fn) {
var /** @type {?} */ record;
for (record = this._additionsHead; record !== null; record = record._nextAdded) {
fn(record);
}
};
/**
* @param {?} fn
* @return {?}
*/
DefaultIterableDiffer.prototype.forEachMovedItem = function (fn) {
var /** @type {?} */ record;
for (record = this._movesHead; record !== null; record = record._nextMoved) {
fn(record);
}
};
/**
* @param {?} fn
* @return {?}
*/
DefaultIterableDiffer.prototype.forEachRemovedItem = function (fn) {
var /** @type {?} */ record;
for (record = this._removalsHead; record !== null; record = record._nextRemoved) {
fn(record);
}
};
/**
* @param {?} fn
* @return {?}
*/
DefaultIterableDiffer.prototype.forEachIdentityChange = function (fn) {
var /** @type {?} */ record;
for (record = this._identityChangesHead; record !== null; record = record._nextIdentityChange) {
fn(record);
}
};
/**
* @param {?} collection
* @return {?}
*/
DefaultIterableDiffer.prototype.diff = function (collection) {
if (collection == null)
collection = [];
if (!isListLikeIterable(collection)) {
throw new Error("Error trying to diff '" + collection + "'");
}
if (this.check(collection)) {
return this;
}
else {
return null;
}
};
/**
* @return {?}
*/
DefaultIterableDiffer.prototype.onDestroy = function () { };
/**
* @param {?} collection
* @return {?}
*/
DefaultIterableDiffer.prototype.check = function (collection) {
var _this = this;
this._reset();
var /** @type {?} */ record = this._itHead;
var /** @type {?} */ mayBeDirty = false;
var /** @type {?} */ index;
var /** @type {?} */ item;
var /** @type {?} */ itemTrackBy;
if (Array.isArray(collection)) {
this._length = collection.length;
for (var /** @type {?} */ index_1 = 0; index_1 < this._length; index_1++) {
item = collection[index_1];
itemTrackBy = this._trackByFn(index_1, item);
if (record === null || !looseIdentical(record.trackById, itemTrackBy)) {
record = this._mismatch(record, item, itemTrackBy, index_1);
mayBeDirty = true;
}
else {
if (mayBeDirty) {
// TODO(misko): can we limit this to duplicates only?
record = this._verifyReinsertion(record, item, itemTrackBy, index_1);
}
if (!looseIdentical(record.item, item))
this._addIdentityChange(record, item);
}
record = record._next;
}
}
else {
index = 0;
iterateListLike(collection, function (item) {
itemTrackBy = _this._trackByFn(index, item);
if (record === null || !looseIdentical(record.trackById, itemTrackBy)) {
record = _this._mismatch(record, item, itemTrackBy, index);
mayBeDirty = true;
}
else {
if (mayBeDirty) {
// TODO(misko): can we limit this to duplicates only?
record = _this._verifyReinsertion(record, item, itemTrackBy, index);
}
if (!looseIdentical(record.item, item))
_this._addIdentityChange(record, item);
}
record = record._next;
index++;
});
this._length = index;
}
this._truncate(record);
this._collection = collection;
return this.isDirty;
};
Object.defineProperty(DefaultIterableDiffer.prototype, "isDirty", {
/**
* @return {?}
*/
get: function () {
return this._additionsHead !== null || this._movesHead !== null ||
this._removalsHead !== null || this._identityChangesHead !== null;
},
enumerable: true,
configurable: true
});
/**
* Reset the state of the change objects to show no changes. This means set previousKey to
* currentKey, and clear all of the queues (additions, moves, removals).
* Set the previousIndexes of moved and added items to their currentIndexes
* Reset the list of additions, moves and removals
*
* \@internal
* @return {?}
*/
DefaultIterableDiffer.prototype._reset = function () {
if (this.isDirty) {
var /** @type {?} */ record = void 0;
var /** @type {?} */ nextRecord = void 0;
for (record = this._previousItHead = this._itHead; record !== null; record = record._next) {
record._nextPrevious = record._next;
}
for (record = this._additionsHead; record !== null; record = record._nextAdded) {
record.previousIndex = record.currentIndex;
}
this._additionsHead = this._additionsTail = null;
for (record = this._movesHead; record !== null; record = nextRecord) {
record.previousIndex = record.currentIndex;
nextRecord = record._nextMoved;
}
this._movesHead = this._movesTail = null;
this._removalsHead = this._removalsTail = null;
this._identityChangesHead = this._identityChangesTail = null;
}
};
/**
* This is the core function which handles differences between collections.
*
* - `record` is the record which we saw at this position last time. If null then it is a new
* item.
* - `item` is the current item in the collection
* - `index` is the position of the item in the collection
*
* \@internal
* @param {?} record
* @param {?} item
* @param {?} itemTrackBy
* @param {?} index
* @return {?}
*/
DefaultIterableDiffer.prototype._mismatch = function (record, item, itemTrackBy, index) {
// The previous record after which we will append the current one.
var /** @type {?} */ previousRecord;
if (record === null) {
previousRecord = this._itTail;
}
else {
previousRecord = record._prev;
// Remove the record from the collection since we know it does not match the item.
this._remove(record);
}
// Attempt to see if we have seen the item before.
record = this._linkedRecords === null ? null : this._linkedRecords.get(itemTrackBy, index);
if (record !== null) {
// We have seen this before, we need to move it forward in the collection.
// But first we need to check if identity changed, so we can update in view if necessary
if (!looseIdentical(record.item, item))
this._addIdentityChange(record, item);
this._moveAfter(record, previousRecord, index);
}
else {
// Never seen it, check evicted list.
record = this._unlinkedRecords === null ? null : this._unlinkedRecords.get(itemTrackBy);
if (record !== null) {
// It is an item which we have evicted earlier: reinsert it back into the list.
// But first we need to check if identity changed, so we can update in view if necessary
if (!looseIdentical(record.item, item))
this._addIdentityChange(record, item);
this._reinsertAfter(record, previousRecord, index);
}
else {
// It is a new item: add it.
record =
this._addAfter(new IterableChangeRecord_(item, itemTrackBy), previousRecord, index);
}
}
return record;
};
/**
* This check is only needed if an array contains duplicates. (Short circuit of nothing dirty)
*
* Use case: `[a, a]` => `[b, a, a]`
*
* If we did not have this check then the insertion of `b` would:
* 1) evict first `a`
* 2) insert `b` at `0` index.
* 3) leave `a` at index `1` as is. <-- this is wrong!
* 3) reinsert `a` at index 2. <-- this is wrong!
*
* The correct behavior is:
* 1) evict first `a`
* 2) insert `b` at `0` index.
* 3) reinsert `a` at index 1.
* 3) move `a` at from `1` to `2`.
*
*
* Double check that we have not evicted a duplicate item. We need to check if the item type may
* have already been removed:
* The insertion of b will evict the first 'a'. If we don't reinsert it now it will be reinserted
* at the end. Which will show up as the two 'a's switching position. This is incorrect, since a
* better way to think of it is as insert of 'b' rather then switch 'a' with 'b' and then add 'a'
* at the end.
*
* \@internal
* @param {?} record
* @param {?} item
* @param {?} itemTrackBy
* @param {?} index
* @return {?}
*/
DefaultIterableDiffer.prototype._verifyReinsertion = function (record, item, itemTrackBy, index) {
var /** @type {?} */ reinsertRecord = this._unlinkedRecords === null ? null : this._unlinkedRecords.get(itemTrackBy);
if (reinsertRecord !== null) {
record = this._reinsertAfter(reinsertRecord, record._prev, index);
}
else if (record.currentIndex != index) {
record.currentIndex = index;
this._addToMoves(record, index);
}
return record;
};
/**
* Get rid of any excess {\@link IterableChangeRecord_}s from the previous collection
*
* - `record` The first excess {\@link IterableChangeRecord_}.
*
* \@internal
* @param {?} record
* @return {?}
*/
DefaultIterableDiffer.prototype._truncate = function (record) {
// Anything after that needs to be removed;
while (record !== null) {
var /** @type {?} */ nextRecord = record._next;
this._addToRemovals(this._unlink(record));
record = nextRecord;
}
if (this._unlinkedRecords !== null) {
this._unlinkedRecords.clear();
}
if (this._additionsTail !== null) {
this._additionsTail._nextAdded = null;
}
if (this._movesTail !== null) {
this._movesTail._nextMoved = null;
}
if (this._itTail !== null) {
this._itTail._next = null;
}
if (this._removalsTail !== null) {
this._removalsTail._nextRemoved = null;
}
if (this._identityChangesTail !== null) {
this._identityChangesTail._nextIdentityChange = null;
}
};
/**
* \@internal
* @param {?} record
* @param {?} prevRecord
* @param {?} index
* @return {?}
*/
DefaultIterableDiffer.prototype._reinsertAfter = function (record, prevRecord, index) {
if (this._unlinkedRecords !== null) {
this._unlinkedRecords.remove(record);
}
var /** @type {?} */ prev = record._prevRemoved;
var /** @type {?} */ next = record._nextRemoved;
if (prev === null) {
this._removalsHead = next;
}
else {
prev._nextRemoved = next;
}
if (next === null) {
this._removalsTail = prev;
}
else {
next._prevRemoved = prev;
}
this._insertAfter(record, prevRecord, index);
this._addToMoves(record, index);
return record;
};
/**
* \@internal
* @param {?} record
* @param {?} prevRecord
* @param {?} index
* @return {?}
*/
DefaultIterableDiffer.prototype._moveAfter = function (record, prevRecord, index) {
this._unlink(record);
this._insertAfter(record, prevRecord, index);
this._addToMoves(record, index);
return record;
};
/**
* \@internal
* @param {?} record
* @param {?} prevRecord
* @param {?} index
* @return {?}
*/
DefaultIterableDiffer.prototype._addAfter = function (record, prevRecord, index) {
this._insertAfter(record, prevRecord, index);
if (this._additionsTail === null) {
// todo(vicb)
// assert(this._additionsHead === null);
this._additionsTail = this._additionsHead = record;
}
else {
// todo(vicb)
// assert(_additionsTail._nextAdded === null);
// assert(record._nextAdded === null);
this._additionsTail = this._additionsTail._nextAdded = record;
}
return record;
};
/**
* \@internal
* @param {?} record
* @param {?} prevRecord
* @param {?} index
* @return {?}
*/
DefaultIterableDiffer.prototype._insertAfter = function (record, prevRecord, index) {
// todo(vicb)
// assert(record != prevRecord);
// assert(record._next === null);
// assert(record._prev === null);
var /** @type {?} */ next = prevRecord === null ? this._itHead : prevRecord._next;
// todo(vicb)
// assert(next != record);
// assert(prevRecord != record);
record._next = next;
record._prev = prevRecord;
if (next === null) {
this._itTail = record;
}
else {
next._prev = record;
}
if (prevRecord === null) {
this._itHead = record;
}
else {
prevRecord._next = record;
}
if (this._linkedRecords === null) {
this._linkedRecords = new _DuplicateMap();
}
this._linkedRecords.put(record);
record.currentIndex = index;
return record;
};
/**
* \@internal
* @param {?} record
* @return {?}
*/
DefaultIterableDiffer.prototype._remove = function (record) {
return this._addToRemovals(this._unlink(record));
};
/**
* \@internal
* @param {?} record
* @return {?}
*/
DefaultIterableDiffer.prototype._unlink = function (record) {
if (this._linkedRecords !== null) {
this._linkedRecords.remove(record);
}
var /** @type {?} */ prev = record._prev;
var /** @type {?} */ next = record._next;
// todo(vicb)
// assert((record._prev = null) === null);
// assert((record._next = null) === null);
if (prev === null) {
this._itHead = next;
}
else {
prev._next = next;
}
if (next === null) {
this._itTail = prev;
}
else {
next._prev = prev;
}
return record;
};
/**
* \@internal
* @param {?} record
* @param {?} toIndex
* @return {?}
*/
DefaultIterableDiffer.prototype._addToMoves = function (record, toIndex) {
// todo(vicb)
// assert(record._nextMoved === null);
if (record.previousIndex === toIndex) {
return record;
}
if (this._movesTail === null) {
// todo(vicb)
// assert(_movesHead === null);
this._movesTail = this._movesHead = record;
}
else {
// todo(vicb)
// assert(_movesTail._nextMoved === null);
this._movesTail = this._movesTail._nextMoved = record;
}
return record;
};
/**
* @param {?} record
* @return {?}
*/
DefaultIterableDiffer.prototype._addToRemovals = function (record) {
if (this._unlinkedRecords === null) {
this._unlinkedRecords = new _DuplicateMap();
}
this._unlinkedRecords.put(record);
record.currentIndex = null;
record._nextRemoved = null;
if (this._removalsTail === null) {
// todo(vicb)
// assert(_removalsHead === null);
this._removalsTail = this._removalsHead = record;
record._prevRemoved = null;
}
else {
// todo(vicb)
// assert(_removalsTail._nextRemoved === null);
// assert(record._nextRemoved === null);
record._prevRemoved = this._removalsTail;
this._removalsTail = this._removalsTail._nextRemoved = record;
}
return record;
};
/**
* \@internal
* @param {?} record
* @param {?} item
* @return {?}
*/
DefaultIterableDiffer.prototype._addIdentityChange = function (record, item) {
record.item = item;
if (this._identityChangesTail === null) {
this._identityChangesTail = this._identityChangesHead = record;
}
else {
this._identityChangesTail = this._identityChangesTail._nextIdentityChange = record;
}
return record;
};
/**
* @return {?}
*/
DefaultIterableDiffer.prototype.toString = function () {
var /** @type {?} */ list = [];
this.forEachItem(function (record) { return list.push(record); });
var /** @type {?} */ previous = [];
this.forEachPreviousItem(function (record) { return previous.push(record); });
var /** @type {?} */ additions = [];
this.forEachAddedItem(function (record) { return additions.push(record); });
var /** @type {?} */ moves = [];
this.forEachMovedItem(function (record) { return moves.push(record); });
var /** @type {?} */ removals = [];
this.forEachRemovedItem(function (record) { return removals.push(record); });
var /** @type {?} */ identityChanges = [];
this.forEachIdentityChange(function (record) { return identityChanges.push(record); });
return 'collection: ' + list.join(', ') + '\n' +
'previous: ' + previous.join(', ') + '\n' +
'additions: ' + additions.join(', ') + '\n' +
'moves: ' + moves.join(', ') + '\n' +
'removals: ' + removals.join(', ') + '\n' +
'identityChanges: ' + identityChanges.join(', ') + '\n';
};
return DefaultIterableDiffer;
}());
/**
* \@stable
*/
var IterableChangeRecord_ = (function () {
/**
* @param {?} item
* @param {?} trackById
*/
function IterableChangeRecord_(item, trackById) {
this.item = item;
this.trackById = trackById;
this.currentIndex = null;
this.previousIndex = null;
/**
* \@internal
*/
this._nextPrevious = null;
/**
* \@internal
*/
this._prev = null;
/**
* \@internal
*/
this._next = null;
/**
* \@internal
*/
this._prevDup = null;
/**
* \@internal
*/
this._nextDup = null;
/**
* \@internal
*/
this._prevRemoved = null;
/**
* \@internal
*/
this._nextRemoved = null;
/**
* \@internal
*/
this._nextAdded = null;
/**
* \@internal
*/
this._nextMoved = null;
/**
* \@internal
*/
this._nextIdentityChange = null;
}
/**
* @return {?}
*/
IterableChangeRecord_.prototype.toString = function () {
return this.previousIndex === this.currentIndex ? stringify(this.item) :
stringify(this.item) + '[' +
stringify(this.previousIndex) + '->' + stringify(this.currentIndex) + ']';
};
return IterableChangeRecord_;
}());
var _DuplicateItemRecordList = (function () {
function _DuplicateItemRecordList() {
/**
* \@internal
*/
this._head = null;
/**
* \@internal
*/
this._tail = null;
}
/**
* Append the record to the list of duplicates.
*
* Note: by design all records in the list of duplicates hold the same value in record.item.
* @param {?} record
* @return {?}
*/
_DuplicateItemRecordList.prototype.add = function (record) {
if (this._head === null) {
this._head = this._tail = record;
record._nextDup = null;
record._prevDup = null;
}
else {
// todo(vicb)
// assert(record.item == _head.item ||
// record.item is num && record.item.isNaN && _head.item is num && _head.item.isNaN);
this._tail._nextDup = record;
record._prevDup = this._tail;
record._nextDup = null;
this._tail = record;
}
};
/**
* @param {?} trackById
* @param {?} afterIndex
* @return {?}
*/
_DuplicateItemRecordList.prototype.get = function (trackById, afterIndex) {
var /** @type {?} */ record;
for (record = this._head; record !== null; record = record._nextDup) {
if ((afterIndex === null || afterIndex < record.currentIndex) &&
looseIdentical(record.trackById, trackById)) {
return record;
}
}
return null;
};
/**
* Remove one {\@link IterableChangeRecord_} from the list of duplicates.
*
* Returns whether the list of duplicates is empty.
* @param {?} record
* @return {?}
*/
_DuplicateItemRecordList.prototype.remove = function (record) {
// todo(vicb)
// assert(() {
// // verify that the record being removed is in the list.
// for (IterableChangeRecord_ cursor = _head; cursor != null; cursor = cursor._nextDup) {
// if (identical(cursor, record)) return true;
// }
// return false;
//});
var /** @type {?} */ prev = record._prevDup;
var /** @type {?} */ next = record._nextDup;
if (prev === null) {
this._head = next;
}
else {
prev._nextDup = next;
}
if (next === null) {
this._tail = prev;
}
else {
next._prevDup = prev;
}
return this._head === null;
};
return _DuplicateItemRecordList;
}());
var _DuplicateMap = (function () {
function _DuplicateMap() {
this.map = new Map();
}
/**
* @param {?} record
* @return {?}
*/
_DuplicateMap.prototype.put = function (record) {
var /** @type {?} */ key = record.trackById;
var /** @type {?} */ duplicates = this.map.get(key);
if (!duplicates) {
duplicates = new _DuplicateItemRecordList();
this.map.set(key, duplicates);
}
duplicates.add(record);
};
/**
* Retrieve the `value` using key. Because the IterableChangeRecord_ value may be one which we
* have already iterated over, we use the afterIndex to pretend it is not there.
*
* Use case: `[a, b, c, a, a]` if we are at index `3` which is the second `a` then asking if we
* have any more `a`s needs to return the last `a` not the first or second.
* @param {?} trackById
* @param {?=} afterIndex
* @return {?}
*/
_DuplicateMap.prototype.get = function (trackById, afterIndex) {
if (afterIndex === void 0) { afterIndex = null; }
var /** @type {?} */ key = trackById;
var /** @type {?} */ recordList = this.map.get(key);
return recordList ? recordList.get(trackById, afterIndex) : null;
};
/**
* Removes a {\@link IterableChangeRecord_} from the list of duplicates.
*
* The list of duplicates also is removed from the map if it gets empty.
* @param {?} record
* @return {?}
*/
_DuplicateMap.prototype.remove = function (record) {
var /** @type {?} */ key = record.trackById;
var /** @type {?} */ recordList = this.map.get(key);
// Remove the list of duplicates when it gets empty
if (recordList.remove(record)) {
this.map.delete(key);
}
return record;
};
Object.defineProperty(_DuplicateMap.prototype, "isEmpty", {
/**
* @return {?}
*/
get: function () { return this.map.size === 0; },
enumerable: true,
configurable: true
});
/**
* @return {?}
*/
_DuplicateMap.prototype.clear = function () { this.map.clear(); };
/**
* @return {?}
*/
_DuplicateMap.prototype.toString = function () { return '_DuplicateMap(' + stringify(this.map) + ')'; };
return _DuplicateMap;
}());
/**
* @param {?} item
* @param {?} addRemoveOffset
* @param {?} moveOffsets
* @return {?}
*/
function getPreviousIndex(item, addRemoveOffset, moveOffsets) {
var /** @type {?} */ previousIndex = item.previousIndex;
if (previousIndex === null)
return previousIndex;
var /** @type {?} */ moveOffset = 0;
if (moveOffsets && previousIndex < moveOffsets.length) {
moveOffset = moveOffsets[previousIndex];
}
return previousIndex + addRemoveOffset + moveOffset;
}
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var DefaultKeyValueDifferFactory = (function () {
function DefaultKeyValueDifferFactory() {
}
/**
* @param {?} obj
* @return {?}
*/
DefaultKeyValueDifferFactory.prototype.supports = function (obj) { return obj instanceof Map || isJsObject(obj); };
/**
* @deprecated v4.0.0 - ChangeDetectorRef is not used and is no longer a parameter
* @template K, V
* @param {?=} cd
* @return {?}
*/
DefaultKeyValueDifferFactory.prototype.create = function (cd) {
return new DefaultKeyValueDiffer();
};
return DefaultKeyValueDifferFactory;
}());
var DefaultKeyValueDiffer = (function () {
function DefaultKeyValueDiffer() {
this._records = new Map();
this._mapHead = null;
this._previousMapHead = null;
this._changesHead = null;
this._changesTail = null;
this._additionsHead = null;
this._additionsTail = null;
this._removalsHead = null;
this._removalsTail = null;
}
Object.defineProperty(DefaultKeyValueDiffer.prototype, "isDirty", {
/**
* @return {?}
*/
get: function () {
return this._additionsHead !== null || this._changesHead !== null ||
this._removalsHead !== null;
},
enumerable: true,
configurable: true
});
/**
* @param {?} fn
* @return {?}
*/
DefaultKeyValueDiffer.prototype.forEachItem = function (fn) {
var /** @type {?} */ record;
for (record = this._mapHead; record !== null; record = record._next) {
fn(record);
}
};
/**
* @param {?} fn
* @return {?}
*/
DefaultKeyValueDiffer.prototype.forEachPreviousItem = function (fn) {
var /** @type {?} */ record;
for (record = this._previousMapHead; record !== null; record = record._nextPrevious) {
fn(record);
}
};
/**
* @param {?} fn
* @return {?}
*/
DefaultKeyValueDiffer.prototype.forEachChangedItem = function (fn) {
var /** @type {?} */ record;
for (record = this._changesHead; record !== null; record = record._nextChanged) {
fn(record);
}
};
/**
* @param {?} fn
* @return {?}
*/
DefaultKeyValueDiffer.prototype.forEachAddedItem = function (fn) {
var /** @type {?} */ record;
for (record = this._additionsHead; record !== null; record = record._nextAdded) {
fn(record);
}
};
/**
* @param {?} fn
* @return {?}
*/
DefaultKeyValueDiffer.prototype.forEachRemovedItem = function (fn) {
var /** @type {?} */ record;
for (record = this._removalsHead; record !== null; record = record._nextRemoved) {
fn(record);
}
};
/**
* @param {?} map
* @return {?}
*/
DefaultKeyValueDiffer.prototype.diff = function (map) {
if (!map) {
map = new Map();
}
else if (!(map instanceof Map || isJsObject(map))) {
throw new Error("Error trying to diff '" + map + "'");
}
return this.check(map) ? this : null;
};
/**
* @return {?}
*/
DefaultKeyValueDiffer.prototype.onDestroy = function () { };
/**
* @param {?} map
* @return {?}
*/
DefaultKeyValueDiffer.prototype.check = function (map) {
var _this = this;
this._reset();
var /** @type {?} */ records = this._records;
var /** @type {?} */ oldSeqRecord = this._mapHead;
var /** @type {?} */ lastOldSeqRecord = null;
var /** @type {?} */ lastNewSeqRecord = null;
var /** @type {?} */ seqChanged = false;
this._forEach(map, function (value, key) {
var /** @type {?} */ newSeqRecord;
if (oldSeqRecord && key === oldSeqRecord.key) {
newSeqRecord = oldSeqRecord;
_this._maybeAddToChanges(newSeqRecord, value);
}
else {
seqChanged = true;
if (oldSeqRecord !== null) {
_this._removeFromSeq(lastOldSeqRecord, oldSeqRecord);
_this._addToRemovals(oldSeqRecord);
}
if (records.has(key)) {
newSeqRecord = records.get(key);
_this._maybeAddToChanges(newSeqRecord, value);
}
else {
newSeqRecord = new KeyValueChangeRecord_(key);
records.set(key, newSeqRecord);
newSeqRecord.currentValue = value;
_this._addToAdditions(newSeqRecord);
}
}
if (seqChanged) {
if (_this._isInRemovals(newSeqRecord)) {
_this._removeFromRemovals(newSeqRecord);
}
if (lastNewSeqRecord == null) {
_this._mapHead = newSeqRecord;
}
else {
lastNewSeqRecord._next = newSeqRecord;
}
}
lastOldSeqRecord = oldSeqRecord;
lastNewSeqRecord = newSeqRecord;
oldSeqRecord = oldSeqRecord && oldSeqRecord._next;
});
this._truncate(lastOldSeqRecord, oldSeqRecord);
return this.isDirty;
};
/**
* \@internal
* @return {?}
*/
DefaultKeyValueDiffer.prototype._reset = function () {
if (this.isDirty) {
var /** @type {?} */ record = void 0;
// Record the state of the mapping
for (record = this._previousMapHead = this._mapHead; record !== null; record = record._next) {
record._nextPrevious = record._next;
}
for (record = this._changesHead; record !== null; record = record._nextChanged) {
record.previousValue = record.currentValue;
}
for (record = this._additionsHead; record != null; record = record._nextAdded) {
record.previousValue = record.currentValue;
}
this._changesHead = this._changesTail = null;
this._additionsHead = this._additionsTail = null;
this._removalsHead = this._removalsTail = null;
}
};
/**
* @param {?} lastRecord
* @param {?} record
* @return {?}
*/
DefaultKeyValueDiffer.prototype._truncate = function (lastRecord, record) {
while (record !== null) {
if (lastRecord === null) {
this._mapHead = null;
}
else {
lastRecord._next = null;
}
var /** @type {?} */ nextRecord = record._next;
this._addToRemovals(record);
lastRecord = record;
record = nextRecord;
}
for (var /** @type {?} */ rec = this._removalsHead; rec !== null; rec = rec._nextRemoved) {
rec.previousValue = rec.currentValue;
rec.currentValue = null;
this._records.delete(rec.key);
}
};
/**
* @param {?} record
* @param {?} newValue
* @return {?}
*/
DefaultKeyValueDiffer.prototype._maybeAddToChanges = function (record, newValue) {
if (!looseIdentical(newValue, record.currentValue)) {
record.previousValue = record.currentValue;
record.currentValue = newValue;
this._addToChanges(record);
}
};
/**
* @param {?} record
* @return {?}
*/
DefaultKeyValueDiffer.prototype._isInRemovals = function (record) {
return record === this._removalsHead || record._nextRemoved !== null ||
record._prevRemoved !== null;
};
/**
* @param {?} record
* @return {?}
*/
DefaultKeyValueDiffer.prototype._addToRemovals = function (record) {
if (this._removalsHead === null) {
this._removalsHead = this._removalsTail = record;
}
else {
this._removalsTail._nextRemoved = record;
record._prevRemoved = this._removalsTail;
this._removalsTail = record;
}
};
/**
* @param {?} prev
* @param {?} record
* @return {?}
*/
DefaultKeyValueDiffer.prototype._removeFromSeq = function (prev, record) {
var /** @type {?} */ next = record._next;
if (prev === null) {
this._mapHead = next;
}
else {
prev._next = next;
}
record._next = null;
};
/**
* @param {?} record
* @return {?}
*/
DefaultKeyValueDiffer.prototype._removeFromRemovals = function (record) {
var /** @type {?} */ prev = record._prevRemoved;
var /** @type {?} */ next = record._nextRemoved;
if (prev === null) {
this._removalsHead = next;
}
else {
prev._nextRemoved = next;
}
if (next === null) {
this._removalsTail = prev;
}
else {
next._prevRemoved = prev;
}
record._prevRemoved = record._nextRemoved = null;
};
/**
* @param {?} record
* @return {?}
*/
DefaultKeyValueDiffer.prototype._addToAdditions = function (record) {
if (this._additionsHead === null) {
this._additionsHead = this._additionsTail = record;
}
else {
this._additionsTail._nextAdded = record;
this._additionsTail = record;
}
};
/**
* @param {?} record
* @return {?}
*/
DefaultKeyValueDiffer.prototype._addToChanges = function (record) {
if (this._changesHead === null) {
this._changesHead = this._changesTail = record;
}
else {
this._changesTail._nextChanged = record;
this._changesTail = record;
}
};
/**
* @return {?}
*/
DefaultKeyValueDiffer.prototype.toString = function () {
var /** @type {?} */ items = [];
var /** @type {?} */ previous = [];
var /** @type {?} */ changes = [];
var /** @type {?} */ additions = [];
var /** @type {?} */ removals = [];
var /** @type {?} */ record;
for (record = this._mapHead; record !== null; record = record._next) {
items.push(stringify(record));
}
for (record = this._previousMapHead; record !== null; record = record._nextPrevious) {
previous.push(stringify(record));
}
for (record = this._changesHead; record !== null; record = record._nextChanged) {
changes.push(stringify(record));
}
for (record = this._additionsHead; record !== null; record = record._nextAdded) {
additions.push(stringify(record));
}
for (record = this._removalsHead; record !== null; record = record._nextRemoved) {
removals.push(stringify(record));
}
return 'map: ' + items.join(', ') + '\n' +
'previous: ' + previous.join(', ') + '\n' +
'additions: ' + additions.join(', ') + '\n' +
'changes: ' + changes.join(', ') + '\n' +
'removals: ' + removals.join(', ') + '\n';
};
/**
* \@internal
* @template K, V
* @param {?} obj
* @param {?} fn
* @return {?}
*/
DefaultKeyValueDiffer.prototype._forEach = function (obj, fn) {
if (obj instanceof Map) {
obj.forEach(fn);
}
else {
Object.keys(obj).forEach(function (k) { return fn(obj[k], k); });
}
};
return DefaultKeyValueDiffer;
}());
/**
* \@stable
*/
var KeyValueChangeRecord_ = (function () {
/**
* @param {?} key
*/
function KeyValueChangeRecord_(key) {
this.key = key;
this.previousValue = null;
this.currentValue = null;
/**
* \@internal
*/
this._nextPrevious = null;
/**
* \@internal
*/
this._next = null;
/**
* \@internal
*/
this._nextAdded = null;
/**
* \@internal
*/
this._nextRemoved = null;
/**
* \@internal
*/
this._prevRemoved = null;
/**
* \@internal
*/
this._nextChanged = null;
}
/**
* @return {?}
*/
KeyValueChangeRecord_.prototype.toString = function () {
return looseIdentical(this.previousValue, this.currentValue) ?
stringify(this.key) :
(stringify(this.key) + '[' + stringify(this.previousValue) + '->' +
stringify(this.currentValue) + ']');
};
return KeyValueChangeRecord_;
}());
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* A repository of different iterable diffing strategies used by NgFor, NgClass, and others.
* \@stable
*/
var IterableDiffers = (function () {
/**
* @param {?} factories
*/
function IterableDiffers(factories) {
this.factories = factories;
}
/**
* @param {?} factories
* @param {?=} parent
* @return {?}
*/
IterableDiffers.create = function (factories, parent) {
if (parent != null) {
var /** @type {?} */ copied = parent.factories.slice();
factories = factories.concat(copied);
return new IterableDiffers(factories);
}
else {
return new IterableDiffers(factories);
}
};
/**
* Takes an array of {\@link IterableDifferFactory} and returns a provider used to extend the
* inherited {\@link IterableDiffers} instance with the provided factories and return a new
* {\@link IterableDiffers} instance.
*
* The following example shows how to extend an existing list of factories,
* which will only be applied to the injector for this component and its children.
* This step is all that's required to make a new {\@link IterableDiffer} available.
*
* ### Example
*
* ```
* \@Component({
* viewProviders: [
* IterableDiffers.extend([new ImmutableListDiffer()])
* ]
* })
* ```
* @param {?} factories
* @return {?}
*/
IterableDiffers.extend = function (factories) {
return {
provide: IterableDiffers,
useFactory: function (parent) {
if (!parent) {
// Typically would occur when calling IterableDiffers.extend inside of dependencies passed
// to
// bootstrap(), which would override default pipes instead of extending them.
throw new Error('Cannot extend IterableDiffers without a parent injector');
}
return IterableDiffers.create(factories, parent);
},
// Dependency technically isn't optional, but we can provide a better error message this way.
deps: [[IterableDiffers, new SkipSelf(), new Optional()]]
};
};
/**
* @param {?} iterable
* @return {?}
*/
IterableDiffers.prototype.find = function (iterable) {
var /** @type {?} */ factory = this.factories.find(function (f) { return f.supports(iterable); });
if (factory != null) {
return factory;
}
else {
throw new Error("Cannot find a differ supporting object '" + iterable + "' of type '" + getTypeNameForDebugging(iterable) + "'");
}
};
return IterableDiffers;
}());
/**
* @param {?} type
* @return {?}
*/
function getTypeNameForDebugging(type) {
return type['name'] || typeof type;
}
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* A repository of different Map diffing strategies used by NgClass, NgStyle, and others.
* \@stable
*/
var KeyValueDiffers = (function () {
/**
* @param {?} factories
*/
function KeyValueDiffers(factories) {
this.factories = factories;
}
/**
* @template S
* @param {?} factories
* @param {?=} parent
* @return {?}
*/
KeyValueDiffers.create = function (factories, parent) {
if (parent) {
var /** @type {?} */ copied = parent.factories.slice();
factories = factories.concat(copied);
}
return new KeyValueDiffers(factories);
};
/**
* Takes an array of {\@link KeyValueDifferFactory} and returns a provider used to extend the
* inherited {\@link KeyValueDiffers} instance with the provided factories and return a new
* {\@link KeyValueDiffers} instance.
*
* The following example shows how to extend an existing list of factories,
* which will only be applied to the injector for this component and its children.
* This step is all that's required to make a new {\@link KeyValueDiffer} available.
*
* ### Example
*
* ```
* \@Component({
* viewProviders: [
* KeyValueDiffers.extend([new ImmutableMapDiffer()])
* ]
* })
* ```
* @template S
* @param {?} factories
* @return {?}
*/
KeyValueDiffers.extend = function (factories) {
return {
provide: KeyValueDiffers,
useFactory: function (parent) {
if (!parent) {
// Typically would occur when calling KeyValueDiffers.extend inside of dependencies passed
// to bootstrap(), which would override default pipes instead of extending them.
throw new Error('Cannot extend KeyValueDiffers without a parent injector');
}
return KeyValueDiffers.create(factories, parent);
},
// Dependency technically isn't optional, but we can provide a better error message this way.
deps: [[KeyValueDiffers, new SkipSelf(), new Optional()]]
};
};
/**
* @param {?} kv
* @return {?}
*/
KeyValueDiffers.prototype.find = function (kv) {
var /** @type {?} */ factory = this.factories.find(function (f) { return f.supports(kv); });
if (factory) {
return factory;
}
throw new Error("Cannot find a differ supporting object '" + kv + "'");
};
return KeyValueDiffers;
}());
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* Structural diffing for `Object`s and `Map`s.
*/
var keyValDiff = [new DefaultKeyValueDifferFactory()];
/**
* Structural diffing for `Iterable` types such as `Array`s.
*/
var iterableDiff = [new DefaultIterableDifferFactory()];
var defaultIterableDiffers = new IterableDiffers(iterableDiff);
var defaultKeyValueDiffers = new KeyValueDiffers(keyValDiff);
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* @module
* @description
* Change detection enables data binding in Angular.
*/
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* @return {?}
*/
function _reflector() {
return reflector;
}
var _CORE_PLATFORM_PROVIDERS = [
// Set a default platform name for platforms that don't set it explicitly.
{ provide: PLATFORM_ID, useValue: 'unknown' },
PlatformRef_,
{ provide: PlatformRef, useExisting: PlatformRef_ },
{ provide: Reflector, useFactory: _reflector, deps: [] },
{ provide: ReflectorReader, useExisting: Reflector },
TestabilityRegistry,
Console,
];
/**
* This platform has to be included in any other platform
*
* \@experimental
*/
var platformCore = createPlatformFactory(null, 'core', _CORE_PLATFORM_PROVIDERS);
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* \@experimental i18n support is experimental.
*/
var LOCALE_ID = new InjectionToken('LocaleId');
/**
* \@experimental i18n support is experimental.
*/
var TRANSLATIONS = new InjectionToken('Translations');
/**
* \@experimental i18n support is experimental.
*/
var TRANSLATIONS_FORMAT = new InjectionToken('TranslationsFormat');
var SecurityContext = {};
SecurityContext.NONE = 0;
SecurityContext.HTML = 1;
SecurityContext.STYLE = 2;
SecurityContext.SCRIPT = 3;
SecurityContext.URL = 4;
SecurityContext.RESOURCE_URL = 5;
SecurityContext[SecurityContext.NONE] = "NONE";
SecurityContext[SecurityContext.HTML] = "HTML";
SecurityContext[SecurityContext.STYLE] = "STYLE";
SecurityContext[SecurityContext.SCRIPT] = "SCRIPT";
SecurityContext[SecurityContext.URL] = "URL";
SecurityContext[SecurityContext.RESOURCE_URL] = "RESOURCE_URL";
/**
* Sanitizer is used by the views to sanitize potentially dangerous values.
*
* \@stable
* @abstract
*/
var Sanitizer = (function () {
function Sanitizer() {
}
/**
* @abstract
* @param {?} context
* @param {?} value
* @return {?}
*/
Sanitizer.prototype.sanitize = function (context, value) { };
return Sanitizer;
}());
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* Node instance data.
*
* We have a separate type per NodeType to save memory
* (TextData | ElementData | ProviderData | PureExpressionData | QueryList<any>)
*
* To keep our code monomorphic,
* we prohibit using `NodeData` directly but enforce the use of accessors (`asElementData`, ...).
* This way, no usage site can get a `NodeData` from view.nodes and then use it for different
* purposes.
*/
/**
* Accessor for view.nodes, enforcing that every usage site stays monomorphic.
* @param {?} view
* @param {?} index
* @return {?}
*/
function asTextData(view, index) {
return (view.nodes[index]);
}
/**
* Accessor for view.nodes, enforcing that every usage site stays monomorphic.
* @param {?} view
* @param {?} index
* @return {?}
*/
function asElementData(view, index) {
return (view.nodes[index]);
}
/**
* Accessor for view.nodes, enforcing that every usage site stays monomorphic.
* @param {?} view
* @param {?} index
* @return {?}
*/
function asProviderData(view, index) {
return (view.nodes[index]);
}
/**
* Accessor for view.nodes, enforcing that every usage site stays monomorphic.
* @param {?} view
* @param {?} index
* @return {?}
*/
function asPureExpressionData(view, index) {
return (view.nodes[index]);
}
/**
* Accessor for view.nodes, enforcing that every usage site stays monomorphic.
* @param {?} view
* @param {?} index
* @return {?}
*/
function asQueryList(view, index) {
return (view.nodes[index]);
}
/**
* This object is used to prevent cycles in the source files and to have a place where
* debug mode can hook it. It is lazily filled when `isDevMode` is known.
*/
var Services = {
setCurrentNode: undefined,
createRootView: undefined,
createEmbeddedView: undefined,
checkAndUpdateView: undefined,
checkNoChangesView: undefined,
destroyView: undefined,
resolveDep: undefined,
createDebugContext: undefined,
handleEvent: undefined,
updateDirectives: undefined,
updateRenderer: undefined,
dirtyParentQueries: undefined,
};
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* @param {?} context
* @param {?} oldValue
* @param {?} currValue
* @param {?} isFirstCheck
* @return {?}
*/
function expressionChangedAfterItHasBeenCheckedError(context, oldValue, currValue, isFirstCheck) {
var /** @type {?} */ msg = "ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: '" + oldValue + "'. Current value: '" + currValue + "'.";
if (isFirstCheck) {
msg +=
" It seems like the view has been created after its parent and its children have been dirty checked." +
" Has it been created in a change detection hook ?";
}
return viewDebugError(msg, context);
}
/**
* @param {?} err
* @param {?} context
* @return {?}
*/
function viewWrappedDebugError(err, context) {
if (!(err instanceof Error)) {
// errors that are not Error instances don't have a stack,
// so it is ok to wrap them into a new Error object...
err = new Error(err.toString());
}
_addDebugContext(err, context);
return err;
}
/**
* @param {?} msg
* @param {?} context
* @return {?}
*/
function viewDebugError(msg, context) {
var /** @type {?} */ err = new Error(msg);
_addDebugContext(err, context);
return err;
}
/**
* @param {?} err
* @param {?} context
* @return {?}
*/
function _addDebugContext(err, context) {
((err))[ERROR_DEBUG_CONTEXT] = context;
((err))[ERROR_LOGGER] = context.logError.bind(context);
}
/**
* @param {?} err
* @return {?}
*/
function isViewDebugError(err) {
return !!getDebugContext(err);
}
/**
* @param {?} action
* @return {?}
*/
function viewDestroyedError(action) {
return new Error("ViewDestroyedError: Attempt to use a destroyed view: " + action);
}
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var NOOP = function () { };
var _tokenKeyCache = new Map();
/**
* @param {?} token
* @return {?}
*/
function tokenKey(token) {
var /** @type {?} */ key = _tokenKeyCache.get(token);
Eif (!key) {
key = stringify(token) + '_' + _tokenKeyCache.size;
_tokenKeyCache.set(token, key);
}
return key;
}
var UNDEFINED_RENDERER_TYPE_ID = '$$undefined';
var EMPTY_RENDERER_TYPE_ID = '$$empty';
var _renderCompCount = 0;
/**
* @param {?} type
* @return {?}
*/
function resolveRendererType2(type) {
if (type && type.id === UNDEFINED_RENDERER_TYPE_ID) {
// first time we see this RendererType2. Initialize it...
var /** @type {?} */ isFilled = ((type.encapsulation != null && type.encapsulation !== ViewEncapsulation.None) ||
type.styles.length || Object.keys(type.data).length);
if (isFilled) {
type.id = "c" + _renderCompCount++;
}
else {
type.id = EMPTY_RENDERER_TYPE_ID;
}
}
if (type && type.id === EMPTY_RENDERER_TYPE_ID) {
type = null;
}
return type;
}
/**
* @param {?} view
* @param {?} def
* @param {?} bindingIdx
* @param {?} value
* @return {?}
*/
function checkBinding(view, def, bindingIdx, value) {
var /** @type {?} */ oldValues = view.oldValues;
if ((view.state & 1 /* FirstCheck */) ||
!looseIdentical(oldValues[def.bindingIndex + bindingIdx], value)) {
return true;
}
return false;
}
/**
* @param {?} view
* @param {?} def
* @param {?} bindingIdx
* @param {?} value
* @return {?}
*/
function checkAndUpdateBinding(view, def, bindingIdx, value) {
if (checkBinding(view, def, bindingIdx, value)) {
view.oldValues[def.bindingIndex + bindingIdx] = value;
return true;
}
return false;
}
/**
* @param {?} view
* @param {?} def
* @param {?} bindingIdx
* @param {?} value
* @return {?}
*/
function checkBindingNoChanges(view, def, bindingIdx, value) {
var /** @type {?} */ oldValue = view.oldValues[def.bindingIndex + bindingIdx];
if ((view.state & 1 /* FirstCheck */) || !devModeEqual(oldValue, value)) {
throw expressionChangedAfterItHasBeenCheckedError(Services.createDebugContext(view, def.index), oldValue, value, (view.state & 1 /* FirstCheck */) !== 0);
}
}
/**
* @param {?} view
* @return {?}
*/
function markParentViewsForCheck(view) {
var /** @type {?} */ currView = view;
while (currView) {
if (currView.def.flags & 2 /* OnPush */) {
currView.state |= 2 /* ChecksEnabled */;
}
currView = currView.viewContainerParent || currView.parent;
}
}
/**
* @param {?} view
* @param {?} nodeIndex
* @param {?} eventName
* @param {?} event
* @return {?}
*/
function dispatchEvent(view, nodeIndex, eventName, event) {
var /** @type {?} */ nodeDef = view.def.nodes[nodeIndex];
var /** @type {?} */ startView = nodeDef.flags & 16777216 /* ComponentView */ ? asElementData(view, nodeIndex).componentView : view;
markParentViewsForCheck(startView);
return Services.handleEvent(view, nodeIndex, eventName, event);
}
/**
* @param {?} view
* @return {?}
*/
function declaredViewContainer(view) {
if (view.parent) {
var /** @type {?} */ parentView = view.parent;
return asElementData(parentView, view.parentNodeDef.index);
}
return undefined;
}
/**
* for component views, this is the host element.
* for embedded views, this is the index of the parent node
* that contains the view container.
* @param {?} view
* @return {?}
*/
function viewParentEl(view) {
var /** @type {?} */ parentView = view.parent;
if (parentView) {
return view.parentNodeDef.parent;
}
else {
return null;
}
}
/**
* @param {?} view
* @param {?} def
* @return {?}
*/
function renderNode(view, def) {
switch (def.flags & 100673535 /* Types */) {
case 1 /* TypeElement */:
return asElementData(view, def.index).renderElement;
case 2 /* TypeText */:
return asTextData(view, def.index).renderText;
}
}
/**
* @param {?} target
* @param {?} name
* @return {?}
*/
function elementEventFullName(target, name) {
return target ? target + ":" + name : name;
}
/**
* @param {?} view
* @return {?}
*/
function isComponentView(view) {
return !!view.parent && !!(view.parentNodeDef.flags & 16384 /* Component */);
}
/**
* @param {?} view
* @return {?}
*/
function isEmbeddedView(view) {
return !!view.parent && !(view.parentNodeDef.flags & 16384 /* Component */);
}
/**
* @param {?} queryId
* @return {?}
*/
function filterQueryId(queryId) {
return 1 << (queryId % 32);
}
/**
* @param {?} matchedQueriesDsl
* @return {?}
*/
function splitMatchedQueriesDsl(matchedQueriesDsl) {
var /** @type {?} */ matchedQueries = {};
var /** @type {?} */ matchedQueryIds = 0;
var /** @type {?} */ references = {};
if (matchedQueriesDsl) {
matchedQueriesDsl.forEach(function (_a) {
var queryId = _a[0], valueType = _a[1];
if (typeof queryId === 'number') {
matchedQueries[queryId] = valueType;
matchedQueryIds |= filterQueryId(queryId);
}
else {
references[queryId] = valueType;
}
});
}
return { matchedQueries: matchedQueries, references: references, matchedQueryIds: matchedQueryIds };
}
/**
* @param {?} view
* @param {?} renderHost
* @param {?} def
* @return {?}
*/
function getParentRenderElement(view, renderHost, def) {
var /** @type {?} */ renderParent = def.renderParent;
if (renderParent) {
if ((renderParent.flags & 1 /* TypeElement */) === 0 ||
(renderParent.flags & 16777216 /* ComponentView */) === 0 ||
(renderParent.element.componentRendererType &&
renderParent.element.componentRendererType.encapsulation === ViewEncapsulation.Native)) {
// only children of non components, or children of components with native encapsulation should
// be attached.
return asElementData(view, def.renderParent.index).renderElement;
}
}
else {
return renderHost;
}
}
var VIEW_DEFINITION_CACHE = new WeakMap();
/**
* @param {?} factory
* @return {?}
*/
function resolveViewDefinition(factory) {
var /** @type {?} */ value = VIEW_DEFINITION_CACHE.get(factory);
if (!value) {
value = factory(function () { return NOOP; });
value.factory = factory;
VIEW_DEFINITION_CACHE.set(factory, value);
}
return value;
}
/**
* @param {?} view
* @return {?}
*/
function rootRenderNodes(view) {
var /** @type {?} */ renderNodes = [];
visitRootRenderNodes(view, 0 /* Collect */, undefined, undefined, renderNodes);
return renderNodes;
}
/**
* @param {?} view
* @param {?} action
* @param {?} parentNode
* @param {?} nextSibling
* @param {?} target
* @return {?}
*/
function visitRootRenderNodes(view, action, parentNode, nextSibling, target) {
// We need to re-compute the parent node in case the nodes have been moved around manually
if (action === 3 /* RemoveChild */) {
parentNode = view.renderer.parentNode(renderNode(view, view.def.lastRenderRootNode));
}
visitSiblingRenderNodes(view, action, 0, view.def.nodes.length - 1, parentNode, nextSibling, target);
}
/**
* @param {?} view
* @param {?} action
* @param {?} startIndex
* @param {?} endIndex
* @param {?} parentNode
* @param {?} nextSibling
* @param {?} target
* @return {?}
*/
function visitSiblingRenderNodes(view, action, startIndex, endIndex, parentNode, nextSibling, target) {
for (var /** @type {?} */ i = startIndex; i <= endIndex; i++) {
var /** @type {?} */ nodeDef = view.def.nodes[i];
if (nodeDef.flags & (1 /* TypeElement */ | 2 /* TypeText */ | 4 /* TypeNgContent */)) {
visitRenderNode(view, nodeDef, action, parentNode, nextSibling, target);
}
// jump to next sibling
i += nodeDef.childCount;
}
}
/**
* @param {?} view
* @param {?} ngContentIndex
* @param {?} action
* @param {?} parentNode
* @param {?} nextSibling
* @param {?} target
* @return {?}
*/
function visitProjectedRenderNodes(view, ngContentIndex, action, parentNode, nextSibling, target) {
var /** @type {?} */ compView = view;
while (compView && !isComponentView(compView)) {
compView = compView.parent;
}
var /** @type {?} */ hostView = compView.parent;
var /** @type {?} */ hostElDef = viewParentEl(compView);
var /** @type {?} */ startIndex = hostElDef.index + 1;
var /** @type {?} */ endIndex = hostElDef.index + hostElDef.childCount;
for (var /** @type {?} */ i = startIndex; i <= endIndex; i++) {
var /** @type {?} */ nodeDef = hostView.def.nodes[i];
if (nodeDef.ngContentIndex === ngContentIndex) {
visitRenderNode(hostView, nodeDef, action, parentNode, nextSibling, target);
}
// jump to next sibling
i += nodeDef.childCount;
}
if (!hostView.parent) {
// a root view
var /** @type {?} */ projectedNodes = view.root.projectableNodes[ngContentIndex];
if (projectedNodes) {
for (var /** @type {?} */ i = 0; i < projectedNodes.length; i++) {
execRenderNodeAction(view, projectedNodes[i], action, parentNode, nextSibling, target);
}
}
}
}
/**
* @param {?} view
* @param {?} nodeDef
* @param {?} action
* @param {?} parentNode
* @param {?} nextSibling
* @param {?} target
* @return {?}
*/
function visitRenderNode(view, nodeDef, action, parentNode, nextSibling, target) {
if (nodeDef.flags & 4 /* TypeNgContent */) {
visitProjectedRenderNodes(view, nodeDef.ngContent.index, action, parentNode, nextSibling, target);
}
else {
var /** @type {?} */ rn = renderNode(view, nodeDef);
if (action === 3 /* RemoveChild */ && (nodeDef.flags & 16777216 /* ComponentView */) &&
(nodeDef.bindingFlags & 48 /* CatSyntheticProperty */)) {
// Note: we might need to do both actions.
if (nodeDef.bindingFlags & (16 /* SyntheticProperty */)) {
execRenderNodeAction(view, rn, action, parentNode, nextSibling, target);
}
if (nodeDef.bindingFlags & (32 /* SyntheticHostProperty */)) {
var /** @type {?} */ compView = asElementData(view, nodeDef.index).componentView;
execRenderNodeAction(compView, rn, action, parentNode, nextSibling, target);
}
}
else {
execRenderNodeAction(view, rn, action, parentNode, nextSibling, target);
}
if (nodeDef.flags & 8388608 /* EmbeddedViews */) {
var /** @type {?} */ embeddedViews = asElementData(view, nodeDef.index).viewContainer._embeddedViews;
for (var /** @type {?} */ k = 0; k < embeddedViews.length; k++) {
visitRootRenderNodes(embeddedViews[k], action, parentNode, nextSibling, target);
}
}
if (nodeDef.flags & 1 /* TypeElement */ && !nodeDef.element.name) {
visitSiblingRenderNodes(view, action, nodeDef.index + 1, nodeDef.index + nodeDef.childCount, parentNode, nextSibling, target);
}
}
}
/**
* @param {?} view
* @param {?} renderNode
* @param {?} action
* @param {?} parentNode
* @param {?} nextSibling
* @param {?} target
* @return {?}
*/
function execRenderNodeAction(view, renderNode, action, parentNode, nextSibling, target) {
var /** @type {?} */ renderer = view.renderer;
switch (action) {
case 1 /* AppendChild */:
renderer.appendChild(parentNode, renderNode);
break;
case 2 /* InsertBefore */:
renderer.insertBefore(parentNode, renderNode, nextSibling);
break;
case 3 /* RemoveChild */:
renderer.removeChild(parentNode, renderNode);
break;
case 0 /* Collect */:
target.push(renderNode);
break;
}
}
var NS_PREFIX_RE = /^:([^:]+):(.+)$/;
/**
* @param {?} name
* @return {?}
*/
function splitNamespace(name) {
if (name[0] === ':') {
var /** @type {?} */ match = name.match(NS_PREFIX_RE);
return [match[1], match[2]];
}
return ['', name];
}
/**
* @param {?} bindings
* @return {?}
*/
function calcBindingFlags(bindings) {
var /** @type {?} */ flags = 0;
for (var /** @type {?} */ i = 0; i < bindings.length; i++) {
flags |= bindings[i].flags;
}
return flags;
}
/**
* @param {?} v
* @return {?}
*/
function _toStringWithNull(v) {
return v != null ? v.toString() : '';
}
/**
* @param {?} view
* @param {?} renderHost
* @param {?} def
* @return {?}
*/
function createElement(view, renderHost, def) {
var /** @type {?} */ elDef = def.element;
var /** @type {?} */ rootSelectorOrNode = view.root.selectorOrNode;
var /** @type {?} */ renderer = view.renderer;
var /** @type {?} */ el;
if (view.parent || !rootSelectorOrNode) {
if (elDef.name) {
el = renderer.createElement(elDef.name, elDef.ns);
}
else {
el = renderer.createComment('');
}
var /** @type {?} */ parentEl = getParentRenderElement(view, renderHost, def);
if (parentEl) {
renderer.appendChild(parentEl, el);
}
}
else {
el = renderer.selectRootElement(rootSelectorOrNode);
}
if (elDef.attrs) {
for (var /** @type {?} */ i = 0; i < elDef.attrs.length; i++) {
var _a = elDef.attrs[i], ns = _a[0], name = _a[1], value = _a[2];
renderer.setAttribute(el, name, value, ns);
}
}
return el;
}
/**
* @param {?} view
* @param {?} compView
* @param {?} def
* @param {?} el
* @return {?}
*/
function listenToElementOutputs(view, compView, def, el) {
for (var /** @type {?} */ i = 0; i < def.outputs.length; i++) {
var /** @type {?} */ output = def.outputs[i];
var /** @type {?} */ handleEventClosure = renderEventHandlerClosure(view, def.index, elementEventFullName(output.target, output.eventName));
var /** @type {?} */ listenTarget = output.target;
var /** @type {?} */ listenerView = view;
if (output.target === 'component') {
listenTarget = null;
listenerView = compView;
}
var /** @type {?} */ disposable = (listenerView.renderer.listen(listenTarget || el, output.eventName, handleEventClosure));
view.disposables[def.outputIndex + i] = disposable;
}
}
/**
* @param {?} view
* @param {?} index
* @param {?} eventName
* @return {?}
*/
function renderEventHandlerClosure(view, index, eventName) {
return function (event) { return dispatchEvent(view, index, eventName, event); };
}
/**
* @param {?} view
* @param {?} def
* @param {?} v0
* @param {?} v1
* @param {?} v2
* @param {?} v3
* @param {?} v4
* @param {?} v5
* @param {?} v6
* @param {?} v7
* @param {?} v8
* @param {?} v9
* @return {?}
*/
function checkAndUpdateElementInline(view, def, v0, v1, v2, v3, v4, v5, v6, v7, v8, v9) {
var /** @type {?} */ bindLen = def.bindings.length;
var /** @type {?} */ changed = false;
if (bindLen > 0 && checkAndUpdateElementValue(view, def, 0, v0))
changed = true;
if (bindLen > 1 && checkAndUpdateElementValue(view, def, 1, v1))
changed = true;
if (bindLen > 2 && checkAndUpdateElementValue(view, def, 2, v2))
changed = true;
if (bindLen > 3 && checkAndUpdateElementValue(view, def, 3, v3))
changed = true;
if (bindLen > 4 && checkAndUpdateElementValue(view, def, 4, v4))
changed = true;
if (bindLen > 5 && checkAndUpdateElementValue(view, def, 5, v5))
changed = true;
if (bindLen > 6 && checkAndUpdateElementValue(view, def, 6, v6))
changed = true;
if (bindLen > 7 && checkAndUpdateElementValue(view, def, 7, v7))
changed = true;
if (bindLen > 8 && checkAndUpdateElementValue(view, def, 8, v8))
changed = true;
if (bindLen > 9 && checkAndUpdateElementValue(view, def, 9, v9))
changed = true;
return changed;
}
/**
* @param {?} view
* @param {?} def
* @param {?} values
* @return {?}
*/
function checkAndUpdateElementDynamic(view, def, values) {
var /** @type {?} */ changed = false;
for (var /** @type {?} */ i = 0; i < values.length; i++) {
if (checkAndUpdateElementValue(view, def, i, values[i]))
changed = true;
}
return changed;
}
/**
* @param {?} view
* @param {?} def
* @param {?} bindingIdx
* @param {?} value
* @return {?}
*/
function checkAndUpdateElementValue(view, def, bindingIdx, value) {
if (!checkAndUpdateBinding(view, def, bindingIdx, value)) {
return false;
}
var /** @type {?} */ binding = def.bindings[bindingIdx];
var /** @type {?} */ elData = asElementData(view, def.index);
var /** @type {?} */ renderNode$$1 = elData.renderElement;
var /** @type {?} */ name = binding.name;
switch (binding.flags & 15 /* Types */) {
case 1 /* TypeElementAttribute */:
setElementAttribute(view, binding, renderNode$$1, binding.ns, name, value);
break;
case 2 /* TypeElementClass */:
setElementClass(view, renderNode$$1, name, value);
break;
case 4 /* TypeElementStyle */:
setElementStyle(view, binding, renderNode$$1, name, value);
break;
case 8 /* TypeProperty */:
var /** @type {?} */ bindView = (def.flags & 16777216 /* ComponentView */ &&
binding.flags & 32 /* SyntheticHostProperty */) ?
elData.componentView :
view;
setElementProperty(bindView, binding, renderNode$$1, name, value);
break;
}
return true;
}
/**
* @param {?} view
* @param {?} binding
* @param {?} renderNode
* @param {?} ns
* @param {?} name
* @param {?} value
* @return {?}
*/
function setElementAttribute(view, binding, renderNode$$1, ns, name, value) {
var /** @type {?} */ securityContext = binding.securityContext;
var /** @type {?} */ renderValue = securityContext ? view.root.sanitizer.sanitize(securityContext, value) : value;
renderValue = renderValue != null ? renderValue.toString() : null;
var /** @type {?} */ renderer = view.renderer;
if (value != null) {
renderer.setAttribute(renderNode$$1, name, renderValue, ns);
}
else {
renderer.removeAttribute(renderNode$$1, name, ns);
}
}
/**
* @param {?} view
* @param {?} renderNode
* @param {?} name
* @param {?} value
* @return {?}
*/
function setElementClass(view, renderNode$$1, name, value) {
var /** @type {?} */ renderer = view.renderer;
if (value) {
renderer.addClass(renderNode$$1, name);
}
else {
renderer.removeClass(renderNode$$1, name);
}
}
/**
* @param {?} view
* @param {?} binding
* @param {?} renderNode
* @param {?} name
* @param {?} value
* @return {?}
*/
function setElementStyle(view, binding, renderNode$$1, name, value) {
var /** @type {?} */ renderValue = view.root.sanitizer.sanitize(SecurityContext.STYLE, value);
if (renderValue != null) {
renderValue = renderValue.toString();
var /** @type {?} */ unit = binding.suffix;
if (unit != null) {
renderValue = renderValue + unit;
}
}
else {
renderValue = null;
}
var /** @type {?} */ renderer = view.renderer;
if (renderValue != null) {
renderer.setStyle(renderNode$$1, name, renderValue);
}
else {
renderer.removeStyle(renderNode$$1, name);
}
}
/**
* @param {?} view
* @param {?} binding
* @param {?} renderNode
* @param {?} name
* @param {?} value
* @return {?}
*/
function setElementProperty(view, binding, renderNode$$1, name, value) {
var /** @type {?} */ securityContext = binding.securityContext;
var /** @type {?} */ renderValue = securityContext ? view.root.sanitizer.sanitize(securityContext, value) : value;
view.renderer.setProperty(renderNode$$1, name, renderValue);
}
/**
* @param {?} view
* @param {?} renderHost
* @param {?} def
* @return {?}
*/
function appendNgContent(view, renderHost, def) {
var /** @type {?} */ parentEl = getParentRenderElement(view, renderHost, def);
if (!parentEl) {
// Nothing to do if there is no parent element.
return;
}
var /** @type {?} */ ngContentIndex = def.ngContent.index;
visitProjectedRenderNodes(view, ngContentIndex, 1 /* AppendChild */, parentEl, undefined, undefined);
}
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* @param {?} parentView
* @param {?} elementData
* @param {?} viewIndex
* @param {?} view
* @return {?}
*/
function attachEmbeddedView(parentView, elementData, viewIndex, view) {
var /** @type {?} */ embeddedViews = elementData.viewContainer._embeddedViews;
if (viewIndex == null) {
viewIndex = embeddedViews.length;
}
view.viewContainerParent = parentView;
addToArray(embeddedViews, viewIndex, view);
var /** @type {?} */ dvcElementData = declaredViewContainer(view);
if (dvcElementData && dvcElementData !== elementData) {
var /** @type {?} */ projectedViews = dvcElementData.template._projectedViews;
if (!projectedViews) {
projectedViews = dvcElementData.template._projectedViews = [];
}
projectedViews.push(view);
}
Services.dirtyParentQueries(view);
var /** @type {?} */ prevView = viewIndex > 0 ? embeddedViews[viewIndex - 1] : null;
renderAttachEmbeddedView(elementData, prevView, view);
}
/**
* @param {?} elementData
* @param {?} viewIndex
* @return {?}
*/
function detachEmbeddedView(elementData, viewIndex) {
var /** @type {?} */ embeddedViews = elementData.viewContainer._embeddedViews;
if (viewIndex == null || viewIndex >= embeddedViews.length) {
viewIndex = embeddedViews.length - 1;
}
if (viewIndex < 0) {
return null;
}
var /** @type {?} */ view = embeddedViews[viewIndex];
view.viewContainerParent = undefined;
removeFromArray(embeddedViews, viewIndex);
var /** @type {?} */ dvcElementData = declaredViewContainer(view);
if (dvcElementData && dvcElementData !== elementData) {
var /** @type {?} */ projectedViews = dvcElementData.template._projectedViews;
removeFromArray(projectedViews, projectedViews.indexOf(view));
}
Services.dirtyParentQueries(view);
renderDetachView(view);
return view;
}
/**
* @param {?} elementData
* @param {?} oldViewIndex
* @param {?} newViewIndex
* @return {?}
*/
function moveEmbeddedView(elementData, oldViewIndex, newViewIndex) {
var /** @type {?} */ embeddedViews = elementData.viewContainer._embeddedViews;
var /** @type {?} */ view = embeddedViews[oldViewIndex];
removeFromArray(embeddedViews, oldViewIndex);
if (newViewIndex == null) {
newViewIndex = embeddedViews.length;
}
addToArray(embeddedViews, newViewIndex, view);
// Note: Don't need to change projectedViews as the order in there
// as always invalid...
Services.dirtyParentQueries(view);
renderDetachView(view);
var /** @type {?} */ prevView = newViewIndex > 0 ? embeddedViews[newViewIndex - 1] : null;
renderAttachEmbeddedView(elementData, prevView, view);
return view;
}
/**
* @param {?} elementData
* @param {?} prevView
* @param {?} view
* @return {?}
*/
function renderAttachEmbeddedView(elementData, prevView, view) {
var /** @type {?} */ prevRenderNode = prevView ? renderNode(prevView, prevView.def.lastRenderRootNode) : elementData.renderElement;
var /** @type {?} */ parentNode = view.renderer.parentNode(prevRenderNode);
var /** @type {?} */ nextSibling = view.renderer.nextSibling(prevRenderNode);
// Note: We can't check if `nextSibling` is present, as on WebWorkers it will always be!
// However, browsers automatically do `appendChild` when there is no `nextSibling`.
visitRootRenderNodes(view, 2 /* InsertBefore */, parentNode, nextSibling, undefined);
}
/**
* @param {?} view
* @return {?}
*/
function renderDetachView(view) {
visitRootRenderNodes(view, 3 /* RemoveChild */, null, null, undefined);
}
/**
* @param {?} arr
* @param {?} index
* @param {?} value
* @return {?}
*/
function addToArray(arr, index, value) {
// perf: array.push is faster than array.splice!
if (index >= arr.length) {
arr.push(value);
}
else {
arr.splice(index, 0, value);
}
}
/**
* @param {?} arr
* @param {?} index
* @return {?}
*/
function removeFromArray(arr, index) {
// perf: array.pop is faster than array.splice!
if (index >= arr.length - 1) {
arr.pop();
}
else {
arr.splice(index, 1);
}
}
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var EMPTY_CONTEXT = new Object();
var ComponentFactory_ = (function (_super) {
__extends(ComponentFactory_, _super);
/**
* @param {?} selector
* @param {?} componentType
* @param {?} viewDefFactory
* @param {?} _inputs
* @param {?} _outputs
* @param {?} ngContentSelectors
*/
function ComponentFactory_(selector, componentType, viewDefFactory, _inputs, _outputs, ngContentSelectors) {
var _this =
// Attention: this ctor is called as top level function.
// Putting any logic in here will destroy closure tree shaking!
_super.call(this) || this;
_this.selector = selector;
_this.componentType = componentType;
_this._inputs = _inputs;
_this._outputs = _outputs;
_this.ngContentSelectors = ngContentSelectors;
_this.viewDefFactory = viewDefFactory;
return _this;
}
Object.defineProperty(ComponentFactory_.prototype, "inputs", {
/**
* @return {?}
*/
get: function () {
var /** @type {?} */ inputsArr = [];
for (var /** @type {?} */ propName in this._inputs) {
var /** @type {?} */ templateName = this._inputs[propName];
inputsArr.push({ propName: propName, templateName: templateName });
}
return inputsArr;
},
enumerable: true,
configurable: true
});
Object.defineProperty(ComponentFactory_.prototype, "outputs", {
/**
* @return {?}
*/
get: function () {
var /** @type {?} */ outputsArr = [];
for (var /** @type {?} */ propName in this._outputs) {
var /** @type {?} */ templateName = this._outputs[propName];
outputsArr.push({ propName: propName, templateName: templateName });
}
return outputsArr;
},
enumerable: true,
configurable: true
});
/**
* Creates a new component.
* @param {?} injector
* @param {?=} projectableNodes
* @param {?=} rootSelectorOrNode
* @param {?=} ngModule
* @return {?}
*/
ComponentFactory_.prototype.create = function (injector, projectableNodes, rootSelectorOrNode, ngModule) {
if (!ngModule) {
throw new Error('ngModule should be provided');
}
var /** @type {?} */ viewDef = resolveViewDefinition(this.viewDefFactory);
var /** @type {?} */ componentNodeIndex = viewDef.nodes[0].element.componentProvider.index;
var /** @type {?} */ view = Services.createRootView(injector, projectableNodes || [], rootSelectorOrNode, viewDef, ngModule, EMPTY_CONTEXT);
var /** @type {?} */ component = asProviderData(view, componentNodeIndex).instance;
view.renderer.setAttribute(asElementData(view, 0).renderElement, 'ng-version', VERSION.full);
return new ComponentRef_(view, new ViewRef_(view), component);
};
return ComponentFactory_;
}(ComponentFactory));
var ComponentRef_ = (function (_super) {
__extends(ComponentRef_, _super);
/**
* @param {?} _view
* @param {?} _viewRef
* @param {?} _component
*/
function ComponentRef_(_view, _viewRef, _component) {
var _this = _super.call(this) || this;
_this._view = _view;
_this._viewRef = _viewRef;
_this._component = _component;
_this._elDef = _this._view.def.nodes[0];
return _this;
}
Object.defineProperty(ComponentRef_.prototype, "location", {
/**
* @return {?}
*/
get: function () {
return new ElementRef(asElementData(this._view, this._elDef.index).renderElement);
},
enumerable: true,
configurable: true
});
Object.defineProperty(ComponentRef_.prototype, "injector", {
/**
* @return {?}
*/
get: function () { return new Injector_(this._view, this._elDef); },
enumerable: true,
configurable: true
});
Object.defineProperty(ComponentRef_.prototype, "instance", {
/**
* @return {?}
*/
get: function () { return this._component; },
enumerable: true,
configurable: true
});
Object.defineProperty(ComponentRef_.prototype, "hostView", {
/**
* @return {?}
*/
get: function () { return this._viewRef; },
enumerable: true,
configurable: true
});
Object.defineProperty(ComponentRef_.prototype, "changeDetectorRef", {
/**
* @return {?}
*/
get: function () { return this._viewRef; },
enumerable: true,
configurable: true
});
Object.defineProperty(ComponentRef_.prototype, "componentType", {
/**
* @return {?}
*/
get: function () { return (this._component.constructor); },
enumerable: true,
configurable: true
});
/**
* @return {?}
*/
ComponentRef_.prototype.destroy = function () { this._viewRef.destroy(); };
/**
* @param {?} callback
* @return {?}
*/
ComponentRef_.prototype.onDestroy = function (callback) { this._viewRef.onDestroy(callback); };
return ComponentRef_;
}(ComponentRef));
/**
* @param {?} view
* @param {?} elDef
* @param {?} elData
* @return {?}
*/
function createViewContainerData(view, elDef, elData) {
return new ViewContainerRef_(view, elDef, elData);
}
var ViewContainerRef_ = (function () {
/**
* @param {?} _view
* @param {?} _elDef
* @param {?} _data
*/
function ViewContainerRef_(_view, _elDef, _data) {
this._view = _view;
this._elDef = _elDef;
this._data = _data;
/**
* \@internal
*/
this._embeddedViews = [];
}
Object.defineProperty(ViewContainerRef_.prototype, "element", {
/**
* @return {?}
*/
get: function () { return new ElementRef(this._data.renderElement); },
enumerable: true,
configurable: true
});
Object.defineProperty(ViewContainerRef_.prototype, "injector", {
/**
* @return {?}
*/
get: function () { return new Injector_(this._view, this._elDef); },
enumerable: true,
configurable: true
});
Object.defineProperty(ViewContainerRef_.prototype, "parentInjector", {
/**
* @return {?}
*/
get: function () {
var /** @type {?} */ view = this._view;
var /** @type {?} */ elDef = this._elDef.parent;
while (!elDef && view) {
elDef = viewParentEl(view);
view = view.parent;
}
return view ? new Injector_(view, elDef) : new Injector_(this._view, null);
},
enumerable: true,
configurable: true
});
/**
* @return {?}
*/
ViewContainerRef_.prototype.clear = function () {
var /** @type {?} */ len = this._embeddedViews.length;
for (var /** @type {?} */ i = len - 1; i >= 0; i--) {
var /** @type {?} */ view = detachEmbeddedView(this._data, i);
Services.destroyView(view);
}
};
/**
* @param {?} index
* @return {?}
*/
ViewContainerRef_.prototype.get = function (index) {
var /** @type {?} */ view = this._embeddedViews[index];
if (view) {
var /** @type {?} */ ref = new ViewRef_(view);
ref.attachToViewContainerRef(this);
return ref;
}
return null;
};
Object.defineProperty(ViewContainerRef_.prototype, "length", {
/**
* @return {?}
*/
get: function () { return this._embeddedViews.length; },
enumerable: true,
configurable: true
});
/**
* @template C
* @param {?} templateRef
* @param {?=} context
* @param {?=} index
* @return {?}
*/
ViewContainerRef_.prototype.createEmbeddedView = function (templateRef, context, index) {
var /** @type {?} */ viewRef = templateRef.createEmbeddedView(context || ({}));
this.insert(viewRef, index);
return viewRef;
};
/**
* @template C
* @param {?} componentFactory
* @param {?=} index
* @param {?=} injector
* @param {?=} projectableNodes
* @param {?=} ngModuleRef
* @return {?}
*/
ViewContainerRef_.prototype.createComponent = function (componentFactory, index, injector, projectableNodes, ngModuleRef) {
var /** @type {?} */ contextInjector = injector || this.parentInjector;
if (!ngModuleRef && !(componentFactory instanceof ComponentFactoryBoundToModule)) {
ngModuleRef = contextInjector.get(NgModuleRef);
}
var /** @type {?} */ componentRef = componentFactory.create(contextInjector, projectableNodes, undefined, ngModuleRef);
this.insert(componentRef.hostView, index);
return componentRef;
};
/**
* @param {?} viewRef
* @param {?=} index
* @return {?}
*/
ViewContainerRef_.prototype.insert = function (viewRef, index) {
var /** @type {?} */ viewRef_ = (viewRef);
var /** @type {?} */ viewData = viewRef_._view;
attachEmbeddedView(this._view, this._data, index, viewData);
viewRef_.attachToViewContainerRef(this);
return viewRef;
};
/**
* @param {?} viewRef
* @param {?} currentIndex
* @return {?}
*/
ViewContainerRef_.prototype.move = function (viewRef, currentIndex) {
var /** @type {?} */ previousIndex = this._embeddedViews.indexOf(viewRef._view);
moveEmbeddedView(this._data, previousIndex, currentIndex);
return viewRef;
};
/**
* @param {?} viewRef
* @return {?}
*/
ViewContainerRef_.prototype.indexOf = function (viewRef) {
return this._embeddedViews.indexOf(((viewRef))._view);
};
/**
* @param {?=} index
* @return {?}
*/
ViewContainerRef_.prototype.remove = function (index) {
var /** @type {?} */ viewData = detachEmbeddedView(this._data, index);
if (viewData) {
Services.destroyView(viewData);
}
};
/**
* @param {?=} index
* @return {?}
*/
ViewContainerRef_.prototype.detach = function (index) {
var /** @type {?} */ view = detachEmbeddedView(this._data, index);
return view ? new ViewRef_(view) : null;
};
return ViewContainerRef_;
}());
/**
* @param {?} view
* @return {?}
*/
function createChangeDetectorRef(view) {
return new ViewRef_(view);
}
var ViewRef_ = (function () {
/**
* @param {?} _view
*/
function ViewRef_(_view) {
this._view = _view;
this._viewContainerRef = null;
this._appRef = null;
}
Object.defineProperty(ViewRef_.prototype, "rootNodes", {
/**
* @return {?}
*/
get: function () { return rootRenderNodes(this._view); },
enumerable: true,
configurable: true
});
Object.defineProperty(ViewRef_.prototype, "context", {
/**
* @return {?}
*/
get: function () { return this._view.context; },
enumerable: true,
configurable: true
});
Object.defineProperty(ViewRef_.prototype, "destroyed", {
/**
* @return {?}
*/
get: function () { return (this._view.state & 8 /* Destroyed */) !== 0; },
enumerable: true,
configurable: true
});
/**
* @return {?}
*/
ViewRef_.prototype.markForCheck = function () { markParentViewsForCheck(this._view); };
/**
* @return {?}
*/
ViewRef_.prototype.detach = function () { this._view.state &= ~2 /* ChecksEnabled */; };
/**
* @return {?}
*/
ViewRef_.prototype.detectChanges = function () { Services.checkAndUpdateView(this._view); };
/**
* @return {?}
*/
ViewRef_.prototype.checkNoChanges = function () { Services.checkNoChangesView(this._view); };
/**
* @return {?}
*/
ViewRef_.prototype.reattach = function () { this._view.state |= 2 /* ChecksEnabled */; };
/**
* @param {?} callback
* @return {?}
*/
ViewRef_.prototype.onDestroy = function (callback) {
if (!this._view.disposables) {
this._view.disposables = [];
}
this._view.disposables.push(/** @type {?} */ (callback));
};
/**
* @return {?}
*/
ViewRef_.prototype.destroy = function () {
if (this._appRef) {
this._appRef.detachView(this);
}
else if (this._viewContainerRef) {
this._viewContainerRef.detach(this._viewContainerRef.indexOf(this));
}
Services.destroyView(this._view);
};
/**
* @return {?}
*/
ViewRef_.prototype.detachFromAppRef = function () {
this._appRef = null;
renderDetachView(this._view);
Services.dirtyParentQueries(this._view);
};
/**
* @param {?} appRef
* @return {?}
*/
ViewRef_.prototype.attachToAppRef = function (appRef) {
if (this._viewContainerRef) {
throw new Error('This view is already attached to a ViewContainer!');
}
this._appRef = appRef;
};
/**
* @param {?} vcRef
* @return {?}
*/
ViewRef_.prototype.attachToViewContainerRef = function (vcRef) {
if (this._appRef) {
throw new Error('This view is already attached directly to the ApplicationRef!');
}
this._viewContainerRef = vcRef;
};
return ViewRef_;
}());
/**
* @param {?} view
* @param {?} def
* @return {?}
*/
function createTemplateData(view, def) {
return new TemplateRef_(view, def);
}
var TemplateRef_ = (function (_super) {
__extends(TemplateRef_, _super);
/**
* @param {?} _parentView
* @param {?} _def
*/
function TemplateRef_(_parentView, _def) {
var _this = _super.call(this) || this;
_this._parentView = _parentView;
_this._def = _def;
return _this;
}
/**
* @param {?} context
* @return {?}
*/
TemplateRef_.prototype.createEmbeddedView = function (context) {
return new ViewRef_(Services.createEmbeddedView(this._parentView, this._def, context));
};
Object.defineProperty(TemplateRef_.prototype, "elementRef", {
/**
* @return {?}
*/
get: function () {
return new ElementRef(asElementData(this._parentView, this._def.index).renderElement);
},
enumerable: true,
configurable: true
});
return TemplateRef_;
}(TemplateRef));
/**
* @param {?} view
* @param {?} elDef
* @return {?}
*/
function createInjector(view, elDef) {
return new Injector_(view, elDef);
}
var Injector_ = (function () {
/**
* @param {?} view
* @param {?} elDef
*/
function Injector_(view, elDef) {
this.view = view;
this.elDef = elDef;
}
/**
* @param {?} token
* @param {?=} notFoundValue
* @return {?}
*/
Injector_.prototype.get = function (token, notFoundValue) {
if (notFoundValue === void 0) { notFoundValue = Injector.THROW_IF_NOT_FOUND; }
var /** @type {?} */ allowPrivateServices = this.elDef ? (this.elDef.flags & 16777216 /* ComponentView */) !== 0 : false;
return Services.resolveDep(this.view, this.elDef, allowPrivateServices, { flags: 0 /* None */, token: token, tokenKey: tokenKey(token) }, notFoundValue);
};
return Injector_;
}());
/**
* @param {?} view
* @return {?}
*/
function createRendererV1(view) {
return new RendererAdapter(view.renderer);
}
var RendererAdapter = (function () {
/**
* @param {?} delegate
*/
function RendererAdapter(delegate) {
this.delegate = delegate;
}
/**
* @param {?} selectorOrNode
* @return {?}
*/
RendererAdapter.prototype.selectRootElement = function (selectorOrNode) {
return this.delegate.selectRootElement(selectorOrNode);
};
/**
* @param {?} parent
* @param {?} namespaceAndName
* @return {?}
*/
RendererAdapter.prototype.createElement = function (parent, namespaceAndName) {
var _a = splitNamespace(namespaceAndName), ns = _a[0], name = _a[1];
var /** @type {?} */ el = this.delegate.createElement(name, ns);
if (parent) {
this.delegate.appendChild(parent, el);
}
return el;
};
/**
* @param {?} hostElement
* @return {?}
*/
RendererAdapter.prototype.createViewRoot = function (hostElement) { return hostElement; };
/**
* @param {?} parentElement
* @return {?}
*/
RendererAdapter.prototype.createTemplateAnchor = function (parentElement) {
var /** @type {?} */ comment = this.delegate.createComment('');
if (parentElement) {
this.delegate.appendChild(parentElement, comment);
}
return comment;
};
/**
* @param {?} parentElement
* @param {?} value
* @return {?}
*/
RendererAdapter.prototype.createText = function (parentElement, value) {
var /** @type {?} */ node = this.delegate.createText(value);
if (parentElement) {
this.delegate.appendChild(parentElement, node);
}
return node;
};
/**
* @param {?} parentElement
* @param {?} nodes
* @return {?}
*/
RendererAdapter.prototype.projectNodes = function (parentElement, nodes) {
for (var /** @type {?} */ i = 0; i < nodes.length; i++) {
this.delegate.appendChild(parentElement, nodes[i]);
}
};
/**
* @param {?} node
* @param {?} viewRootNodes
* @return {?}
*/
RendererAdapter.prototype.attachViewAfter = function (node, viewRootNodes) {
var /** @type {?} */ parentElement = this.delegate.parentNode(node);
var /** @type {?} */ nextSibling = this.delegate.nextSibling(node);
for (var /** @type {?} */ i = 0; i < viewRootNodes.length; i++) {
this.delegate.insertBefore(parentElement, viewRootNodes[i], nextSibling);
}
};
/**
* @param {?} viewRootNodes
* @return {?}
*/
RendererAdapter.prototype.detachView = function (viewRootNodes) {
for (var /** @type {?} */ i = 0; i < viewRootNodes.length; i++) {
var /** @type {?} */ node = viewRootNodes[i];
var /** @type {?} */ parentElement = this.delegate.parentNode(node);
this.delegate.removeChild(parentElement, node);
}
};
/**
* @param {?} hostElement
* @param {?} viewAllNodes
* @return {?}
*/
RendererAdapter.prototype.destroyView = function (hostElement, viewAllNodes) {
for (var /** @type {?} */ i = 0; i < viewAllNodes.length; i++) {
this.delegate.destroyNode(viewAllNodes[i]);
}
};
/**
* @param {?} renderElement
* @param {?} name
* @param {?} callback
* @return {?}
*/
RendererAdapter.prototype.listen = function (renderElement, name, callback) {
return this.delegate.listen(renderElement, name, /** @type {?} */ (callback));
};
/**
* @param {?} target
* @param {?} name
* @param {?} callback
* @return {?}
*/
RendererAdapter.prototype.listenGlobal = function (target, name, callback) {
return this.delegate.listen(target, name, /** @type {?} */ (callback));
};
/**
* @param {?} renderElement
* @param {?} propertyName
* @param {?} propertyValue
* @return {?}
*/
RendererAdapter.prototype.setElementProperty = function (renderElement, propertyName, propertyValue) {
this.delegate.setProperty(renderElement, propertyName, propertyValue);
};
/**
* @param {?} renderElement
* @param {?} namespaceAndName
* @param {?} attributeValue
* @return {?}
*/
RendererAdapter.prototype.setElementAttribute = function (renderElement, namespaceAndName, attributeValue) {
var _a = splitNamespace(namespaceAndName), ns = _a[0], name = _a[1];
if (attributeValue != null) {
this.delegate.setAttribute(renderElement, name, attributeValue, ns);
}
else {
this.delegate.removeAttribute(renderElement, name, ns);
}
};
/**
* @param {?} renderElement
* @param {?} propertyName
* @param {?} propertyValue
* @return {?}
*/
RendererAdapter.prototype.setBindingDebugInfo = function (renderElement, propertyName, propertyValue) { };
/**
* @param {?} renderElement
* @param {?} className
* @param {?} isAdd
* @return {?}
*/
RendererAdapter.prototype.setElementClass = function (renderElement, className, isAdd) {
if (isAdd) {
this.delegate.addClass(renderElement, className);
}
else {
this.delegate.removeClass(renderElement, className);
}
};
/**
* @param {?} renderElement
* @param {?} styleName
* @param {?} styleValue
* @return {?}
*/
RendererAdapter.prototype.setElementStyle = function (renderElement, styleName, styleValue) {
if (styleValue != null) {
this.delegate.setStyle(renderElement, styleName, styleValue);
}
else {
this.delegate.removeStyle(renderElement, styleName);
}
};
/**
* @param {?} renderElement
* @param {?} methodName
* @param {?} args
* @return {?}
*/
RendererAdapter.prototype.invokeElementMethod = function (renderElement, methodName, args) {
((renderElement))[methodName].apply(renderElement, args);
};
/**
* @param {?} renderNode
* @param {?} text
* @return {?}
*/
RendererAdapter.prototype.setText = function (renderNode$$1, text) { this.delegate.setValue(renderNode$$1, text); };
/**
* @return {?}
*/
RendererAdapter.prototype.animate = function () { throw new Error('Renderer.animate is no longer supported!'); };
return RendererAdapter;
}());
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var RendererV1TokenKey = tokenKey(Renderer);
var Renderer2TokenKey = tokenKey(Renderer2);
var ElementRefTokenKey = tokenKey(ElementRef);
var ViewContainerRefTokenKey = tokenKey(ViewContainerRef);
var TemplateRefTokenKey = tokenKey(TemplateRef);
var ChangeDetectorRefTokenKey = tokenKey(ChangeDetectorRef);
var InjectorRefTokenKey = tokenKey(Injector);
var NOT_CREATED = new Object();
/**
* @param {?} flags
* @param {?} matchedQueriesDsl
* @param {?} childCount
* @param {?} token
* @param {?} value
* @param {?} deps
* @param {?=} bindings
* @param {?=} outputs
* @return {?}
*/
function _def(flags, matchedQueriesDsl, childCount, token, value, deps, bindings, outputs) {
var _a = splitMatchedQueriesDsl(matchedQueriesDsl), matchedQueries = _a.matchedQueries, references = _a.references, matchedQueryIds = _a.matchedQueryIds;
if (!outputs) {
outputs = [];
}
if (!bindings) {
bindings = [];
}
var /** @type {?} */ depDefs = deps.map(function (value) {
var /** @type {?} */ token;
var /** @type {?} */ flags;
if (Array.isArray(value)) {
flags = value[0], token = value[1];
}
else {
flags = 0 /* None */;
token = value;
}
return { flags: flags, token: token, tokenKey: tokenKey(token) };
});
return {
// will bet set by the view definition
index: undefined,
parent: undefined,
renderParent: undefined,
bindingIndex: undefined,
outputIndex: undefined,
// regular values
flags: flags,
childFlags: 0,
directChildFlags: 0,
childMatchedQueries: 0, matchedQueries: matchedQueries, matchedQueryIds: matchedQueryIds, references: references,
ngContentIndex: undefined, childCount: childCount, bindings: bindings,
bindingFlags: calcBindingFlags(bindings), outputs: outputs,
element: undefined,
provider: { token: token, tokenKey: tokenKey(token), value: value, deps: depDefs },
text: undefined,
query: undefined,
ngContent: undefined
};
}
/**
* @param {?} view
* @param {?} def
* @return {?}
*/
function createProviderInstance(view, def) {
return def.flags & 2048 /* LazyProvider */ ? NOT_CREATED : _createProviderInstance(view, def);
}
/**
* @param {?} view
* @param {?} def
* @return {?}
*/
function createPipeInstance(view, def) {
// deps are looked up from component.
var /** @type {?} */ compView = view;
while (compView.parent && !isComponentView(compView)) {
compView = compView.parent;
}
// pipes can see the private services of the component
var /** @type {?} */ allowPrivateServices = true;
// pipes are always eager and classes!
return createClass(compView.parent, viewParentEl(compView), allowPrivateServices, def.provider.value, def.provider.deps);
}
/**
* @param {?} view
* @param {?} def
* @return {?}
*/
function createDirectiveInstance(view, def) {
// components can see other private services, other directives can't.
var /** @type {?} */ allowPrivateServices = (def.flags & 16384 /* Component */) > 0;
// directives are always eager and classes!
var /** @type {?} */ instance = createClass(view, def.parent, allowPrivateServices, def.provider.value, def.provider.deps);
if (def.outputs.length) {
for (var /** @type {?} */ i = 0; i < def.outputs.length; i++) {
var /** @type {?} */ output = def.outputs[i];
var /** @type {?} */ subscription = instance[output.propName].subscribe(eventHandlerClosure(view, def.parent.index, output.eventName));
view.disposables[def.outputIndex + i] = subscription.unsubscribe.bind(subscription);
}
}
return instance;
}
/**
* @param {?} view
* @param {?} index
* @param {?} eventName
* @return {?}
*/
function eventHandlerClosure(view, index, eventName) {
return function (event) { return dispatchEvent(view, index, eventName, event); };
}
/**
* @param {?} view
* @param {?} def
* @param {?} v0
* @param {?} v1
* @param {?} v2
* @param {?} v3
* @param {?} v4
* @param {?} v5
* @param {?} v6
* @param {?} v7
* @param {?} v8
* @param {?} v9
* @return {?}
*/
function checkAndUpdateDirectiveInline(view, def, v0, v1, v2, v3, v4, v5, v6, v7, v8, v9) {
var /** @type {?} */ providerData = asProviderData(view, def.index);
var /** @type {?} */ directive = providerData.instance;
var /** @type {?} */ changed = false;
var /** @type {?} */ changes;
var /** @type {?} */ bindLen = def.bindings.length;
if (bindLen > 0 && checkBinding(view, def, 0, v0)) {
changed = true;
changes = updateProp(view, providerData, def, 0, v0, changes);
}
if (bindLen > 1 && checkBinding(view, def, 1, v1)) {
changed = true;
changes = updateProp(view, providerData, def, 1, v1, changes);
}
if (bindLen > 2 && checkBinding(view, def, 2, v2)) {
changed = true;
changes = updateProp(view, providerData, def, 2, v2, changes);
}
if (bindLen > 3 && checkBinding(view, def, 3, v3)) {
changed = true;
changes = updateProp(view, providerData, def, 3, v3, changes);
}
if (bindLen > 4 && checkBinding(view, def, 4, v4)) {
changed = true;
changes = updateProp(view, providerData, def, 4, v4, changes);
}
if (bindLen > 5 && checkBinding(view, def, 5, v5)) {
changed = true;
changes = updateProp(view, providerData, def, 5, v5, changes);
}
if (bindLen > 6 && checkBinding(view, def, 6, v6)) {
changed = true;
changes = updateProp(view, providerData, def, 6, v6, changes);
}
if (bindLen > 7 && checkBinding(view, def, 7, v7)) {
changed = true;
changes = updateProp(view, providerData, def, 7, v7, changes);
}
if (bindLen > 8 && checkBinding(view, def, 8, v8)) {
changed = true;
changes = updateProp(view, providerData, def, 8, v8, changes);
}
if (bindLen > 9 && checkBinding(view, def, 9, v9)) {
changed = true;
changes = updateProp(view, providerData, def, 9, v9, changes);
}
if (changes) {
directive.ngOnChanges(changes);
}
if ((view.state & 1 /* FirstCheck */) && (def.flags & 32768 /* OnInit */)) {
directive.ngOnInit();
}
if (def.flags & 131072 /* DoCheck */) {
directive.ngDoCheck();
}
return changed;
}
/**
* @param {?} view
* @param {?} def
* @param {?} values
* @return {?}
*/
function checkAndUpdateDirectiveDynamic(view, def, values) {
var /** @type {?} */ providerData = asProviderData(view, def.index);
var /** @type {?} */ directive = providerData.instance;
var /** @type {?} */ changed = false;
var /** @type {?} */ changes;
for (var /** @type {?} */ i = 0; i < values.length; i++) {
if (checkBinding(view, def, i, values[i])) {
changed = true;
changes = updateProp(view, providerData, def, i, values[i], changes);
}
}
if (changes) {
directive.ngOnChanges(changes);
}
if ((view.state & 1 /* FirstCheck */) && (def.flags & 32768 /* OnInit */)) {
directive.ngOnInit();
}
if (def.flags & 131072 /* DoCheck */) {
directive.ngDoCheck();
}
return changed;
}
/**
* @param {?} view
* @param {?} def
* @return {?}
*/
function _createProviderInstance(view, def) {
// private services can see other private services
var /** @type {?} */ allowPrivateServices = (def.flags & 4096 /* PrivateProvider */) > 0;
var /** @type {?} */ providerDef = def.provider;
var /** @type {?} */ injectable;
switch (def.flags & 100673535 /* Types */) {
case 256 /* TypeClassProvider */:
injectable =
createClass(view, def.parent, allowPrivateServices, providerDef.value, providerDef.deps);
break;
case 512 /* TypeFactoryProvider */:
injectable =
callFactory(view, def.parent, allowPrivateServices, providerDef.value, providerDef.deps);
break;
case 1024 /* TypeUseExistingProvider */:
injectable = resolveDep(view, def.parent, allowPrivateServices, providerDef.deps[0]);
break;
case 128 /* TypeValueProvider */:
injectable = providerDef.value;
break;
}
return injectable;
}
/**
* @param {?} view
* @param {?} elDef
* @param {?} allowPrivateServices
* @param {?} ctor
* @param {?} deps
* @return {?}
*/
function createClass(view, elDef, allowPrivateServices, ctor, deps) {
var /** @type {?} */ len = deps.length;
var /** @type {?} */ injectable;
switch (len) {
case 0:
injectable = new ctor();
break;
case 1:
injectable = new ctor(resolveDep(view, elDef, allowPrivateServices, deps[0]));
break;
case 2:
injectable = new ctor(resolveDep(view, elDef, allowPrivateServices, deps[0]), resolveDep(view, elDef, allowPrivateServices, deps[1]));
break;
case 3:
injectable = new ctor(resolveDep(view, elDef, allowPrivateServices, deps[0]), resolveDep(view, elDef, allowPrivateServices, deps[1]), resolveDep(view, elDef, allowPrivateServices, deps[2]));
break;
default:
var /** @type {?} */ depValues = new Array(len);
for (var /** @type {?} */ i = 0; i < len; i++) {
depValues[i] = resolveDep(view, elDef, allowPrivateServices, deps[i]);
}
injectable = new (ctor.bind.apply(ctor, [void 0].concat(depValues)))();
}
return injectable;
}
/**
* @param {?} view
* @param {?} elDef
* @param {?} allowPrivateServices
* @param {?} factory
* @param {?} deps
* @return {?}
*/
function callFactory(view, elDef, allowPrivateServices, factory, deps) {
var /** @type {?} */ len = deps.length;
var /** @type {?} */ injectable;
switch (len) {
case 0:
injectable = factory();
break;
case 1:
injectable = factory(resolveDep(view, elDef, allowPrivateServices, deps[0]));
break;
case 2:
injectable = factory(resolveDep(view, elDef, allowPrivateServices, deps[0]), resolveDep(view, elDef, allowPrivateServices, deps[1]));
break;
case 3:
injectable = factory(resolveDep(view, elDef, allowPrivateServices, deps[0]), resolveDep(view, elDef, allowPrivateServices, deps[1]), resolveDep(view, elDef, allowPrivateServices, deps[2]));
break;
default:
var /** @type {?} */ depValues = Array(len);
for (var /** @type {?} */ i = 0; i < len; i++) {
depValues[i] = resolveDep(view, elDef, allowPrivateServices, deps[i]);
}
injectable = factory.apply(void 0, depValues);
}
return injectable;
}
// This default value is when checking the hierarchy for a token.
//
// It means both:
// - the token is not provided by the current injector,
// - only the element injectors should be checked (ie do not check module injectors
//
// mod1
// /
// el1 mod2
// \ /
// el2
//
// When requesting el2.injector.get(token), we should check in the following order and return the
// first found value:
// - el2.injector.get(token, default)
// - el1.injector.get(token, NOT_FOUND_CHECK_ONLY_ELEMENT_INJECTOR) -> do not check the module
// - mod2.injector.get(token, default)
var NOT_FOUND_CHECK_ONLY_ELEMENT_INJECTOR = {};
/**
* @param {?} view
* @param {?} elDef
* @param {?} allowPrivateServices
* @param {?} depDef
* @param {?=} notFoundValue
* @return {?}
*/
function resolveDep(view, elDef, allowPrivateServices, depDef, notFoundValue) {
if (notFoundValue === void 0) { notFoundValue = Injector.THROW_IF_NOT_FOUND; }
if (depDef.flags & 8 /* Value */) {
return depDef.token;
}
var /** @type {?} */ startView = view;
if (depDef.flags & 2 /* Optional */) {
notFoundValue = null;
}
var /** @type {?} */ tokenKey$$1 = depDef.tokenKey;
if (elDef && (depDef.flags & 1 /* SkipSelf */)) {
allowPrivateServices = false;
elDef = elDef.parent;
}
while (view) {
if (elDef) {
switch (tokenKey$$1) {
case RendererV1TokenKey: {
var /** @type {?} */ compView = findCompView(view, elDef, allowPrivateServices);
return createRendererV1(compView);
}
case Renderer2TokenKey: {
var /** @type {?} */ compView = findCompView(view, elDef, allowPrivateServices);
return compView.renderer;
}
case ElementRefTokenKey:
return new ElementRef(asElementData(view, elDef.index).renderElement);
case ViewContainerRefTokenKey:
return asElementData(view, elDef.index).viewContainer;
case TemplateRefTokenKey: {
if (elDef.element.template) {
return asElementData(view, elDef.index).template;
}
break;
}
case ChangeDetectorRefTokenKey: {
var /** @type {?} */ cdView = findCompView(view, elDef, allowPrivateServices);
return createChangeDetectorRef(cdView);
}
case InjectorRefTokenKey:
return createInjector(view, elDef);
default:
var /** @type {?} */ providerDef_1 = (allowPrivateServices ? elDef.element.allProviders :
elDef.element.publicProviders)[tokenKey$$1];
if (providerDef_1) {
var /** @type {?} */ providerData = asProviderData(view, providerDef_1.index);
if (providerData.instance === NOT_CREATED) {
providerData.instance = _createProviderInstance(view, providerDef_1);
}
return providerData.instance;
}
}
}
allowPrivateServices = isComponentView(view);
elDef = viewParentEl(view);
view = view.parent;
}
var /** @type {?} */ value = startView.root.injector.get(depDef.token, NOT_FOUND_CHECK_ONLY_ELEMENT_INJECTOR);
if (value !== NOT_FOUND_CHECK_ONLY_ELEMENT_INJECTOR ||
notFoundValue === NOT_FOUND_CHECK_ONLY_ELEMENT_INJECTOR) {
// Return the value from the root element injector when
// - it provides it
// (value !== NOT_FOUND_CHECK_ONLY_ELEMENT_INJECTOR)
// - the module injector should not be checked
// (notFoundValue === NOT_FOUND_CHECK_ONLY_ELEMENT_INJECTOR)
return value;
}
return startView.root.ngModule.injector.get(depDef.token, notFoundValue);
}
/**
* @param {?} view
* @param {?} elDef
* @param {?} allowPrivateServices
* @return {?}
*/
function findCompView(view, elDef, allowPrivateServices) {
var /** @type {?} */ compView;
if (allowPrivateServices) {
compView = asElementData(view, elDef.index).componentView;
}
else {
compView = view;
while (compView.parent && !isComponentView(compView)) {
compView = compView.parent;
}
}
return compView;
}
/**
* @param {?} view
* @param {?} providerData
* @param {?} def
* @param {?} bindingIdx
* @param {?} value
* @param {?} changes
* @return {?}
*/
function updateProp(view, providerData, def, bindingIdx, value, changes) {
if (def.flags & 16384 /* Component */) {
var /** @type {?} */ compView = asElementData(view, def.parent.index).componentView;
if (compView.def.flags & 2 /* OnPush */) {
compView.state |= 2 /* ChecksEnabled */;
}
}
var /** @type {?} */ binding = def.bindings[bindingIdx];
var /** @type {?} */ propName = binding.name;
// Note: This is still safe with Closure Compiler as
// the user passed in the property name as an object has to `providerDef`,
// so Closure Compiler will have renamed the property correctly already.
providerData.instance[propName] = value;
if (def.flags & 262144 /* OnChanges */) {
changes = changes || {};
var /** @type {?} */ oldValue = view.oldValues[def.bindingIndex + bindingIdx];
if (oldValue instanceof WrappedValue) {
oldValue = oldValue.wrapped;
}
var /** @type {?} */ binding_1 = def.bindings[bindingIdx];
changes[binding_1.nonMinifiedName] =
new SimpleChange(oldValue, value, (view.state & 1 /* FirstCheck */) !== 0);
}
view.oldValues[def.bindingIndex + bindingIdx] = value;
return changes;
}
/**
* @param {?} view
* @param {?} lifecycles
* @return {?}
*/
function callLifecycleHooksChildrenFirst(view, lifecycles) {
if (!(view.def.nodeFlags & lifecycles)) {
return;
}
var /** @type {?} */ nodes = view.def.nodes;
for (var /** @type {?} */ i = 0; i < nodes.length; i++) {
var /** @type {?} */ nodeDef = nodes[i];
var /** @type {?} */ parent = nodeDef.parent;
if (!parent && nodeDef.flags & lifecycles) {
// matching root node (e.g. a pipe)
callProviderLifecycles(view, i, nodeDef.flags & lifecycles);
}
if ((nodeDef.childFlags & lifecycles) === 0) {
// no child matches one of the lifecycles
i += nodeDef.childCount;
}
while (parent && (parent.flags & 1 /* TypeElement */) &&
i === parent.index + parent.childCount) {
// last child of an element
if (parent.directChildFlags & lifecycles) {
callElementProvidersLifecycles(view, parent, lifecycles);
}
parent = parent.parent;
}
}
}
/**
* @param {?} view
* @param {?} elDef
* @param {?} lifecycles
* @return {?}
*/
function callElementProvidersLifecycles(view, elDef, lifecycles) {
for (var /** @type {?} */ i = elDef.index + 1; i <= elDef.index + elDef.childCount; i++) {
var /** @type {?} */ nodeDef = view.def.nodes[i];
if (nodeDef.flags & lifecycles) {
callProviderLifecycles(view, i, nodeDef.flags & lifecycles);
}
// only visit direct children
i += nodeDef.childCount;
}
}
/**
* @param {?} view
* @param {?} index
* @param {?} lifecycles
* @return {?}
*/
function callProviderLifecycles(view, index, lifecycles) {
var /** @type {?} */ provider = asProviderData(view, index).instance;
if (provider === NOT_CREATED) {
return;
}
Services.setCurrentNode(view, index);
if (lifecycles & 524288 /* AfterContentInit */) {
provider.ngAfterContentInit();
}
if (lifecycles & 1048576 /* AfterContentChecked */) {
provider.ngAfterContentChecked();
}
if (lifecycles & 2097152 /* AfterViewInit */) {
provider.ngAfterViewInit();
}
if (lifecycles & 4194304 /* AfterViewChecked */) {
provider.ngAfterViewChecked();
}
if (lifecycles & 65536 /* OnDestroy */) {
provider.ngOnDestroy();
}
}
/**
* @param {?} flags
* @param {?} propertyNames
* @return {?}
*/
function _pureExpressionDef(flags, propertyNames) {
var /** @type {?} */ bindings = new Array(propertyNames.length);
for (var /** @type {?} */ i = 0; i < propertyNames.length; i++) {
var /** @type {?} */ prop = propertyNames[i];
bindings[i] = {
flags: 8 /* TypeProperty */,
name: prop,
ns: undefined,
nonMinifiedName: prop,
securityContext: undefined,
suffix: undefined
};
}
return {
// will bet set by the view definition
index: undefined,
parent: undefined,
renderParent: undefined,
bindingIndex: undefined,
outputIndex: undefined,
// regular values
flags: flags,
childFlags: 0,
directChildFlags: 0,
childMatchedQueries: 0,
matchedQueries: {},
matchedQueryIds: 0,
references: {},
ngContentIndex: undefined,
childCount: 0, bindings: bindings,
bindingFlags: calcBindingFlags(bindings),
outputs: [],
element: undefined,
provider: undefined,
text: undefined,
query: undefined,
ngContent: undefined
};
}
/**
* @param {?} view
* @param {?} def
* @return {?}
*/
function createPureExpression(view, def) {
return { value: undefined };
}
/**
* @param {?} view
* @param {?} def
* @param {?} v0
* @param {?} v1
* @param {?} v2
* @param {?} v3
* @param {?} v4
* @param {?} v5
* @param {?} v6
* @param {?} v7
* @param {?} v8
* @param {?} v9
* @return {?}
*/
function checkAndUpdatePureExpressionInline(view, def, v0, v1, v2, v3, v4, v5, v6, v7, v8, v9) {
var /** @type {?} */ bindings = def.bindings;
var /** @type {?} */ changed = false;
var /** @type {?} */ bindLen = bindings.length;
if (bindLen > 0 && checkAndUpdateBinding(view, def, 0, v0))
changed = true;
if (bindLen > 1 && checkAndUpdateBinding(view, def, 1, v1))
changed = true;
if (bindLen > 2 && checkAndUpdateBinding(view, def, 2, v2))
changed = true;
if (bindLen > 3 && checkAndUpdateBinding(view, def, 3, v3))
changed = true;
if (bindLen > 4 && checkAndUpdateBinding(view, def, 4, v4))
changed = true;
if (bindLen > 5 && checkAndUpdateBinding(view, def, 5, v5))
changed = true;
if (bindLen > 6 && checkAndUpdateBinding(view, def, 6, v6))
changed = true;
if (bindLen > 7 && checkAndUpdateBinding(view, def, 7, v7))
changed = true;
if (bindLen > 8 && checkAndUpdateBinding(view, def, 8, v8))
changed = true;
if (bindLen > 9 && checkAndUpdateBinding(view, def, 9, v9))
changed = true;
if (changed) {
var /** @type {?} */ data = asPureExpressionData(view, def.index);
var /** @type {?} */ value = void 0;
switch (def.flags & 100673535 /* Types */) {
case 16 /* TypePureArray */:
value = new Array(bindings.length);
if (bindLen > 0)
value[0] = v0;
if (bindLen > 1)
value[1] = v1;
if (bindLen > 2)
value[2] = v2;
if (bindLen > 3)
value[3] = v3;
if (bindLen > 4)
value[4] = v4;
if (bindLen > 5)
value[5] = v5;
if (bindLen > 6)
value[6] = v6;
if (bindLen > 7)
value[7] = v7;
if (bindLen > 8)
value[8] = v8;
if (bindLen > 9)
value[9] = v9;
break;
case 32 /* TypePureObject */:
value = {};
if (bindLen > 0)
value[bindings[0].name] = v0;
if (bindLen > 1)
value[bindings[1].name] = v1;
if (bindLen > 2)
value[bindings[2].name] = v2;
if (bindLen > 3)
value[bindings[3].name] = v3;
if (bindLen > 4)
value[bindings[4].name] = v4;
if (bindLen > 5)
value[bindings[5].name] = v5;
if (bindLen > 6)
value[bindings[6].name] = v6;
if (bindLen > 7)
value[bindings[7].name] = v7;
if (bindLen > 8)
value[bindings[8].name] = v8;
if (bindLen > 9)
value[bindings[9].name] = v9;
break;
case 64 /* TypePurePipe */:
var /** @type {?} */ pipe = v0;
switch (bindLen) {
case 1:
value = pipe.transform(v0);
break;
case 2:
value = pipe.transform(v1);
break;
case 3:
value = pipe.transform(v1, v2);
break;
case 4:
value = pipe.transform(v1, v2, v3);
break;
case 5:
value = pipe.transform(v1, v2, v3, v4);
break;
case 6:
value = pipe.transform(v1, v2, v3, v4, v5);
break;
case 7:
value = pipe.transform(v1, v2, v3, v4, v5, v6);
break;
case 8:
value = pipe.transform(v1, v2, v3, v4, v5, v6, v7);
break;
case 9:
value = pipe.transform(v1, v2, v3, v4, v5, v6, v7, v8);
break;
case 10:
value = pipe.transform(v1, v2, v3, v4, v5, v6, v7, v8, v9);
break;
}
break;
}
data.value = value;
}
return changed;
}
/**
* @param {?} view
* @param {?} def
* @param {?} values
* @return {?}
*/
function checkAndUpdatePureExpressionDynamic(view, def, values) {
var /** @type {?} */ bindings = def.bindings;
var /** @type {?} */ changed = false;
for (var /** @type {?} */ i = 0; i < values.length; i++) {
// Note: We need to loop over all values, so that
// the old values are updates as well!
if (checkAndUpdateBinding(view, def, i, values[i])) {
changed = true;
}
}
if (changed) {
var /** @type {?} */ data = asPureExpressionData(view, def.index);
var /** @type {?} */ value = void 0;
switch (def.flags & 100673535 /* Types */) {
case 16 /* TypePureArray */:
value = values;
break;
case 32 /* TypePureObject */:
value = {};
for (var /** @type {?} */ i = 0; i < values.length; i++) {
value[bindings[i].name] = values[i];
}
break;
case 64 /* TypePurePipe */:
var /** @type {?} */ pipe = values[0];
var /** @type {?} */ params = values.slice(1);
value = pipe.transform.apply(pipe, params);
break;
}
data.value = value;
}
return changed;
}
/**
* @return {?}
*/
function createQuery() {
return new QueryList();
}
/**
* @param {?} view
* @return {?}
*/
function dirtyParentQueries(view) {
var /** @type {?} */ queryIds = view.def.nodeMatchedQueries;
while (view.parent && isEmbeddedView(view)) {
var /** @type {?} */ tplDef = view.parentNodeDef;
view = view.parent;
// content queries
var /** @type {?} */ end = tplDef.index + tplDef.childCount;
for (var /** @type {?} */ i = 0; i <= end; i++) {
var /** @type {?} */ nodeDef = view.def.nodes[i];
if ((nodeDef.flags & 33554432 /* TypeContentQuery */) &&
(nodeDef.flags & 268435456 /* DynamicQuery */) &&
(nodeDef.query.filterId & queryIds) === nodeDef.query.filterId) {
asQueryList(view, i).setDirty();
}
if ((nodeDef.flags & 1 /* TypeElement */ && i + nodeDef.childCount < tplDef.index) ||
!(nodeDef.childFlags & 33554432 /* TypeContentQuery */) ||
!(nodeDef.childFlags & 268435456 /* DynamicQuery */)) {
// skip elements that don't contain the template element or no query.
i += nodeDef.childCount;
}
}
}
// view queries
if (view.def.nodeFlags & 67108864 /* TypeViewQuery */) {
for (var /** @type {?} */ i = 0; i < view.def.nodes.length; i++) {
var /** @type {?} */ nodeDef = view.def.nodes[i];
if ((nodeDef.flags & 67108864 /* TypeViewQuery */) && (nodeDef.flags & 268435456 /* DynamicQuery */)) {
asQueryList(view, i).setDirty();
}
// only visit the root nodes
i += nodeDef.childCount;
}
}
}
/**
* @param {?} view
* @param {?} nodeDef
* @return {?}
*/
function checkAndUpdateQuery(view, nodeDef) {
var /** @type {?} */ queryList = asQueryList(view, nodeDef.index);
if (!queryList.dirty) {
return;
}
var /** @type {?} */ directiveInstance;
var /** @type {?} */ newValues;
if (nodeDef.flags & 33554432 /* TypeContentQuery */) {
var /** @type {?} */ elementDef_1 = nodeDef.parent.parent;
newValues = calcQueryValues(view, elementDef_1.index, elementDef_1.index + elementDef_1.childCount, nodeDef.query, []);
directiveInstance = asProviderData(view, nodeDef.parent.index).instance;
}
else if (nodeDef.flags & 67108864 /* TypeViewQuery */) {
newValues = calcQueryValues(view, 0, view.def.nodes.length - 1, nodeDef.query, []);
directiveInstance = view.component;
}
queryList.reset(newValues);
var /** @type {?} */ bindings = nodeDef.query.bindings;
var /** @type {?} */ notify = false;
for (var /** @type {?} */ i = 0; i < bindings.length; i++) {
var /** @type {?} */ binding = bindings[i];
var /** @type {?} */ boundValue = void 0;
switch (binding.bindingType) {
case 0 /* First */:
boundValue = queryList.first;
break;
case 1 /* All */:
boundValue = queryList;
notify = true;
break;
}
directiveInstance[binding.propName] = boundValue;
}
if (notify) {
queryList.notifyOnChanges();
}
}
/**
* @param {?} view
* @param {?} startIndex
* @param {?} endIndex
* @param {?} queryDef
* @param {?} values
* @return {?}
*/
function calcQueryValues(view, startIndex, endIndex, queryDef, values) {
for (var /** @type {?} */ i = startIndex; i <= endIndex; i++) {
var /** @type {?} */ nodeDef = view.def.nodes[i];
var /** @type {?} */ valueType = nodeDef.matchedQueries[queryDef.id];
if (valueType != null) {
values.push(getQueryValue(view, nodeDef, valueType));
}
if (nodeDef.flags & 1 /* TypeElement */ && nodeDef.element.template &&
(nodeDef.element.template.nodeMatchedQueries & queryDef.filterId) === queryDef.filterId) {
// check embedded views that were attached at the place of their template.
var /** @type {?} */ elementData = asElementData(view, i);
if (nodeDef.flags & 8388608 /* EmbeddedViews */) {
var /** @type {?} */ embeddedViews = elementData.viewContainer._embeddedViews;
for (var /** @type {?} */ k = 0; k < embeddedViews.length; k++) {
var /** @type {?} */ embeddedView = embeddedViews[k];
var /** @type {?} */ dvc = declaredViewContainer(embeddedView);
if (dvc && dvc === elementData) {
calcQueryValues(embeddedView, 0, embeddedView.def.nodes.length - 1, queryDef, values);
}
}
}
var /** @type {?} */ projectedViews = elementData.template._projectedViews;
if (projectedViews) {
for (var /** @type {?} */ k = 0; k < projectedViews.length; k++) {
var /** @type {?} */ projectedView = projectedViews[k];
calcQueryValues(projectedView, 0, projectedView.def.nodes.length - 1, queryDef, values);
}
}
}
if ((nodeDef.childMatchedQueries & queryDef.filterId) !== queryDef.filterId) {
// if no child matches the query, skip the children.
i += nodeDef.childCount;
}
}
return values;
}
/**
* @param {?} view
* @param {?} nodeDef
* @param {?} queryValueType
* @return {?}
*/
function getQueryValue(view, nodeDef, queryValueType) {
if (queryValueType != null) {
// a match
var /** @type {?} */ value = void 0;
switch (queryValueType) {
case 1 /* RenderElement */:
value = asElementData(view, nodeDef.index).renderElement;
break;
case 0 /* ElementRef */:
value = new ElementRef(asElementData(view, nodeDef.index).renderElement);
break;
case 2 /* TemplateRef */:
value = asElementData(view, nodeDef.index).template;
break;
case 3 /* ViewContainerRef */:
value = asElementData(view, nodeDef.index).viewContainer;
break;
case 4 /* Provider */:
value = asProviderData(view, nodeDef.index).instance;
break;
}
return value;
}
}
/**
* @param {?} view
* @param {?} renderHost
* @param {?} def
* @return {?}
*/
function createText(view, renderHost, def) {
var /** @type {?} */ renderNode$$1;
var /** @type {?} */ renderer = view.renderer;
renderNode$$1 = renderer.createText(def.text.prefix);
var /** @type {?} */ parentEl = getParentRenderElement(view, renderHost, def);
if (parentEl) {
renderer.appendChild(parentEl, renderNode$$1);
}
return { renderText: renderNode$$1 };
}
/**
* @param {?} view
* @param {?} def
* @param {?} v0
* @param {?} v1
* @param {?} v2
* @param {?} v3
* @param {?} v4
* @param {?} v5
* @param {?} v6
* @param {?} v7
* @param {?} v8
* @param {?} v9
* @return {?}
*/
function checkAndUpdateTextInline(view, def, v0, v1, v2, v3, v4, v5, v6, v7, v8, v9) {
var /** @type {?} */ changed = false;
var /** @type {?} */ bindings = def.bindings;
var /** @type {?} */ bindLen = bindings.length;
if (bindLen > 0 && checkAndUpdateBinding(view, def, 0, v0))
changed = true;
if (bindLen > 1 && checkAndUpdateBinding(view, def, 1, v1))
changed = true;
if (bindLen > 2 && checkAndUpdateBinding(view, def, 2, v2))
changed = true;
if (bindLen > 3 && checkAndUpdateBinding(view, def, 3, v3))
changed = true;
if (bindLen > 4 && checkAndUpdateBinding(view, def, 4, v4))
changed = true;
if (bindLen > 5 && checkAndUpdateBinding(view, def, 5, v5))
changed = true;
if (bindLen > 6 && checkAndUpdateBinding(view, def, 6, v6))
changed = true;
if (bindLen > 7 && checkAndUpdateBinding(view, def, 7, v7))
changed = true;
if (bindLen > 8 && checkAndUpdateBinding(view, def, 8, v8))
changed = true;
if (bindLen > 9 && checkAndUpdateBinding(view, def, 9, v9))
changed = true;
if (changed) {
var /** @type {?} */ value = def.text.prefix;
if (bindLen > 0)
value += _addInterpolationPart(v0, bindings[0]);
if (bindLen > 1)
value += _addInterpolationPart(v1, bindings[1]);
if (bindLen > 2)
value += _addInterpolationPart(v2, bindings[2]);
if (bindLen > 3)
value += _addInterpolationPart(v3, bindings[3]);
if (bindLen > 4)
value += _addInterpolationPart(v4, bindings[4]);
if (bindLen > 5)
value += _addInterpolationPart(v5, bindings[5]);
if (bindLen > 6)
value += _addInterpolationPart(v6, bindings[6]);
if (bindLen > 7)
value += _addInterpolationPart(v7, bindings[7]);
if (bindLen > 8)
value += _addInterpolationPart(v8, bindings[8]);
if (bindLen > 9)
value += _addInterpolationPart(v9, bindings[9]);
var /** @type {?} */ renderNode$$1 = asTextData(view, def.index).renderText;
view.renderer.setValue(renderNode$$1, value);
}
return changed;
}
/**
* @param {?} view
* @param {?} def
* @param {?} values
* @return {?}
*/
function checkAndUpdateTextDynamic(view, def, values) {
var /** @type {?} */ bindings = def.bindings;
var /** @type {?} */ changed = false;
for (var /** @type {?} */ i = 0; i < values.length; i++) {
// Note: We need to loop over all values, so that
// the old values are updates as well!
if (checkAndUpdateBinding(view, def, i, values[i])) {
changed = true;
}
}
if (changed) {
var /** @type {?} */ value = '';
for (var /** @type {?} */ i = 0; i < values.length; i++) {
value = value + _addInterpolationPart(values[i], bindings[i]);
}
value = def.text.prefix + value;
var /** @type {?} */ renderNode$$1 = asTextData(view, def.index).renderText;
view.renderer.setValue(renderNode$$1, value);
}
return changed;
}
/**
* @param {?} value
* @param {?} binding
* @return {?}
*/
function _addInterpolationPart(value, binding) {
var /** @type {?} */ valueStr = value != null ? value.toString() : '';
return valueStr + binding.suffix;
}
/**
* @param {?} parent
* @param {?} node
* @param {?} nodeCount
* @return {?}
*/
function validateNode(parent, node, nodeCount) {
var /** @type {?} */ template = node.element && node.element.template;
if (template) {
if (!template.lastRenderRootNode) {
throw new Error("Illegal State: Embedded templates without nodes are not allowed!");
}
if (template.lastRenderRootNode &&
template.lastRenderRootNode.flags & 8388608 /* EmbeddedViews */) {
throw new Error("Illegal State: Last root node of a template can't have embedded views, at index " + node.index + "!");
}
}
if (node.flags & 10112 /* CatProvider */) {
var /** @type {?} */ parentFlags = parent ? parent.flags : null;
if ((parentFlags & 1 /* TypeElement */) === 0) {
throw new Error("Illegal State: Provider/Directive nodes need to be children of elements or anchors, at index " + node.index + "!");
}
}
if (node.query) {
if (node.flags & 33554432 /* TypeContentQuery */ &&
(!parent || (parent.flags & 8192 /* TypeDirective */) === 0)) {
throw new Error("Illegal State: Content Query nodes need to be children of directives, at index " + node.index + "!");
}
if (node.flags & 67108864 /* TypeViewQuery */ && parent) {
throw new Error("Illegal State: View Query nodes have to be top level nodes, at index " + node.index + "!");
}
}
if (node.childCount) {
var /** @type {?} */ parentEnd = parent ? parent.index + parent.childCount : nodeCount - 1;
if (node.index <= parentEnd && node.index + node.childCount > parentEnd) {
throw new Error("Illegal State: childCount of node leads outside of parent, at index " + node.index + "!");
}
}
}
/**
* @param {?} parent
* @param {?} anchorDef
* @param {?=} context
* @return {?}
*/
function createEmbeddedView(parent, anchorDef$$1, context) {
// embedded views are seen as siblings to the anchor, so we need
// to get the parent of the anchor and use it as parentIndex.
var /** @type {?} */ view = createView(parent.root, parent.renderer, parent, anchorDef$$1, anchorDef$$1.element.template);
initView(view, parent.component, context);
createViewNodes(view);
return view;
}
/**
* @param {?} root
* @param {?} def
* @param {?=} context
* @return {?}
*/
function createRootView(root, def, context) {
var /** @type {?} */ view = createView(root, root.renderer, null, null, def);
initView(view, context, context);
createViewNodes(view);
return view;
}
/**
* @param {?} root
* @param {?} renderer
* @param {?} parent
* @param {?} parentNodeDef
* @param {?} def
* @return {?}
*/
function createView(root, renderer, parent, parentNodeDef, def) {
var /** @type {?} */ nodes = new Array(def.nodes.length);
var /** @type {?} */ disposables = def.outputCount ? new Array(def.outputCount) : undefined;
var /** @type {?} */ view = {
def: def,
parent: parent,
viewContainerParent: undefined, parentNodeDef: parentNodeDef,
context: undefined,
component: undefined, nodes: nodes,
state: 1 /* FirstCheck */ | 2 /* ChecksEnabled */, root: root, renderer: renderer,
oldValues: new Array(def.bindingCount), disposables: disposables
};
return view;
}
/**
* @param {?} view
* @param {?} component
* @param {?} context
* @return {?}
*/
function initView(view, component, context) {
view.component = component;
view.context = context;
}
/**
* @param {?} view
* @return {?}
*/
function createViewNodes(view) {
var /** @type {?} */ renderHost;
if (isComponentView(view)) {
var /** @type {?} */ hostDef = view.parentNodeDef;
renderHost = asElementData(view.parent, hostDef.parent.index).renderElement;
}
var /** @type {?} */ def = view.def;
var /** @type {?} */ nodes = view.nodes;
for (var /** @type {?} */ i = 0; i < def.nodes.length; i++) {
var /** @type {?} */ nodeDef = def.nodes[i];
Services.setCurrentNode(view, i);
var /** @type {?} */ nodeData = void 0;
switch (nodeDef.flags & 100673535 /* Types */) {
case 1 /* TypeElement */:
var /** @type {?} */ el = (createElement(view, renderHost, nodeDef));
var /** @type {?} */ componentView = void 0;
if (nodeDef.flags & 16777216 /* ComponentView */) {
var /** @type {?} */ compViewDef = resolveViewDefinition(nodeDef.element.componentView);
var /** @type {?} */ rendererType = nodeDef.element.componentRendererType;
var /** @type {?} */ compRenderer = void 0;
if (!rendererType) {
compRenderer = view.root.renderer;
}
else {
compRenderer = view.root.rendererFactory.createRenderer(el, rendererType);
}
componentView = createView(view.root, compRenderer, view, nodeDef.element.componentProvider, compViewDef);
}
listenToElementOutputs(view, componentView, nodeDef, el);
nodeData = ({
renderElement: el,
componentView: componentView,
viewContainer: undefined,
template: nodeDef.element.template ? createTemplateData(view, nodeDef) : undefined
});
if (nodeDef.flags & 8388608 /* EmbeddedViews */) {
nodeData.viewContainer = createViewContainerData(view, nodeDef, nodeData);
}
break;
case 2 /* TypeText */:
nodeData = (createText(view, renderHost, nodeDef));
break;
case 256 /* TypeClassProvider */:
case 512 /* TypeFactoryProvider */:
case 1024 /* TypeUseExistingProvider */:
case 128 /* TypeValueProvider */: {
var /** @type {?} */ instance = createProviderInstance(view, nodeDef);
nodeData = ({ instance: instance });
break;
}
case 8 /* TypePipe */: {
var /** @type {?} */ instance = createPipeInstance(view, nodeDef);
nodeData = ({ instance: instance });
break;
}
case 8192 /* TypeDirective */: {
var /** @type {?} */ instance = createDirectiveInstance(view, nodeDef);
nodeData = ({ instance: instance });
if (nodeDef.flags & 16384 /* Component */) {
var /** @type {?} */ compView = asElementData(view, nodeDef.parent.index).componentView;
initView(compView, instance, instance);
}
break;
}
case 16 /* TypePureArray */:
case 32 /* TypePureObject */:
case 64 /* TypePurePipe */:
nodeData = (createPureExpression(view, nodeDef));
break;
case 33554432 /* TypeContentQuery */:
case 67108864 /* TypeViewQuery */:
nodeData = (createQuery());
break;
case 4 /* TypeNgContent */:
appendNgContent(view, renderHost, nodeDef);
// no runtime data needed for NgContent...
nodeData = undefined;
break;
}
nodes[i] = nodeData;
}
// Create the ViewData.nodes of component views after we created everything else,
// so that e.g. ng-content works
execComponentViewsAction(view, ViewAction.CreateViewNodes);
// fill static content and view queries
execQueriesAction(view, 33554432 /* TypeContentQuery */ | 67108864 /* TypeViewQuery */, 134217728 /* StaticQuery */, 0 /* CheckAndUpdate */);
}
/**
* @param {?} view
* @return {?}
*/
function checkNoChangesView(view) {
Services.updateDirectives(view, 1 /* CheckNoChanges */);
execEmbeddedViewsAction(view, ViewAction.CheckNoChanges);
Services.updateRenderer(view, 1 /* CheckNoChanges */);
execComponentViewsAction(view, ViewAction.CheckNoChanges);
// Note: We don't check queries for changes as we didn't do this in v2.x.
// TODO(tbosch): investigate if we can enable the check again in v5.x with a nicer error message.
}
/**
* @param {?} view
* @return {?}
*/
function checkAndUpdateView(view) {
Services.updateDirectives(view, 0 /* CheckAndUpdate */);
execEmbeddedViewsAction(view, ViewAction.CheckAndUpdate);
execQueriesAction(view, 33554432 /* TypeContentQuery */, 268435456 /* DynamicQuery */, 0 /* CheckAndUpdate */);
callLifecycleHooksChildrenFirst(view, 1048576 /* AfterContentChecked */ |
(view.state & 1 /* FirstCheck */ ? 524288 /* AfterContentInit */ : 0));
Services.updateRenderer(view, 0 /* CheckAndUpdate */);
execComponentViewsAction(view, ViewAction.CheckAndUpdate);
execQueriesAction(view, 67108864 /* TypeViewQuery */, 268435456 /* DynamicQuery */, 0 /* CheckAndUpdate */);
callLifecycleHooksChildrenFirst(view, 4194304 /* AfterViewChecked */ |
(view.state & 1 /* FirstCheck */ ? 2097152 /* AfterViewInit */ : 0));
if (view.def.flags & 2 /* OnPush */) {
view.state &= ~2 /* ChecksEnabled */;
}
view.state &= ~1 /* FirstCheck */;
}
/**
* @param {?} view
* @param {?} nodeDef
* @param {?} argStyle
* @param {?=} v0
* @param {?=} v1
* @param {?=} v2
* @param {?=} v3
* @param {?=} v4
* @param {?=} v5
* @param {?=} v6
* @param {?=} v7
* @param {?=} v8
* @param {?=} v9
* @return {?}
*/
function checkAndUpdateNode(view, nodeDef, argStyle, v0, v1, v2, v3, v4, v5, v6, v7, v8, v9) {
if (argStyle === 0 /* Inline */) {
return checkAndUpdateNodeInline(view, nodeDef, v0, v1, v2, v3, v4, v5, v6, v7, v8, v9);
}
else {
return checkAndUpdateNodeDynamic(view, nodeDef, v0);
}
}
/**
* @param {?} view
* @param {?} nodeDef
* @param {?=} v0
* @param {?=} v1
* @param {?=} v2
* @param {?=} v3
* @param {?=} v4
* @param {?=} v5
* @param {?=} v6
* @param {?=} v7
* @param {?=} v8
* @param {?=} v9
* @return {?}
*/
function checkAndUpdateNodeInline(view, nodeDef, v0, v1, v2, v3, v4, v5, v6, v7, v8, v9) {
var /** @type {?} */ changed = false;
switch (nodeDef.flags & 100673535 /* Types */) {
case 1 /* TypeElement */:
changed = checkAndUpdateElementInline(view, nodeDef, v0, v1, v2, v3, v4, v5, v6, v7, v8, v9);
break;
case 2 /* TypeText */:
changed = checkAndUpdateTextInline(view, nodeDef, v0, v1, v2, v3, v4, v5, v6, v7, v8, v9);
break;
case 8192 /* TypeDirective */:
changed =
checkAndUpdateDirectiveInline(view, nodeDef, v0, v1, v2, v3, v4, v5, v6, v7, v8, v9);
break;
case 16 /* TypePureArray */:
case 32 /* TypePureObject */:
case 64 /* TypePurePipe */:
changed =
checkAndUpdatePureExpressionInline(view, nodeDef, v0, v1, v2, v3, v4, v5, v6, v7, v8, v9);
break;
}
return changed;
}
/**
* @param {?} view
* @param {?} nodeDef
* @param {?} values
* @return {?}
*/
function checkAndUpdateNodeDynamic(view, nodeDef, values) {
var /** @type {?} */ changed = false;
switch (nodeDef.flags & 100673535 /* Types */) {
case 1 /* TypeElement */:
changed = checkAndUpdateElementDynamic(view, nodeDef, values);
break;
case 2 /* TypeText */:
changed = checkAndUpdateTextDynamic(view, nodeDef, values);
break;
case 8192 /* TypeDirective */:
changed = checkAndUpdateDirectiveDynamic(view, nodeDef, values);
break;
case 16 /* TypePureArray */:
case 32 /* TypePureObject */:
case 64 /* TypePurePipe */:
changed = checkAndUpdatePureExpressionDynamic(view, nodeDef, values);
break;
}
if (changed) {
// Update oldValues after all bindings have been updated,
// as a setter for a property might update other properties.
var /** @type {?} */ bindLen = nodeDef.bindings.length;
var /** @type {?} */ bindingStart = nodeDef.bindingIndex;
var /** @type {?} */ oldValues = view.oldValues;
for (var /** @type {?} */ i = 0; i < bindLen; i++) {
oldValues[bindingStart + i] = values[i];
}
}
return changed;
}
/**
* @param {?} view
* @param {?} nodeDef
* @param {?} argStyle
* @param {?=} v0
* @param {?=} v1
* @param {?=} v2
* @param {?=} v3
* @param {?=} v4
* @param {?=} v5
* @param {?=} v6
* @param {?=} v7
* @param {?=} v8
* @param {?=} v9
* @return {?}
*/
function checkNoChangesNode(view, nodeDef, argStyle, v0, v1, v2, v3, v4, v5, v6, v7, v8, v9) {
if (argStyle === 0 /* Inline */) {
checkNoChangesNodeInline(view, nodeDef, v0, v1, v2, v3, v4, v5, v6, v7, v8, v9);
}
else {
checkNoChangesNodeDynamic(view, nodeDef, v0);
}
// Returning false is ok here as we would have thrown in case of a change.
return false;
}
/**
* @param {?} view
* @param {?} nodeDef
* @param {?} v0
* @param {?} v1
* @param {?} v2
* @param {?} v3
* @param {?} v4
* @param {?} v5
* @param {?} v6
* @param {?} v7
* @param {?} v8
* @param {?} v9
* @return {?}
*/
function checkNoChangesNodeInline(view, nodeDef, v0, v1, v2, v3, v4, v5, v6, v7, v8, v9) {
var /** @type {?} */ bindLen = nodeDef.bindings.length;
if (bindLen > 0)
checkBindingNoChanges(view, nodeDef, 0, v0);
if (bindLen > 1)
checkBindingNoChanges(view, nodeDef, 1, v1);
if (bindLen > 2)
checkBindingNoChanges(view, nodeDef, 2, v2);
if (bindLen > 3)
checkBindingNoChanges(view, nodeDef, 3, v3);
if (bindLen > 4)
checkBindingNoChanges(view, nodeDef, 4, v4);
if (bindLen > 5)
checkBindingNoChanges(view, nodeDef, 5, v5);
if (bindLen > 6)
checkBindingNoChanges(view, nodeDef, 6, v6);
if (bindLen > 7)
checkBindingNoChanges(view, nodeDef, 7, v7);
if (bindLen > 8)
checkBindingNoChanges(view, nodeDef, 8, v8);
if (bindLen > 9)
checkBindingNoChanges(view, nodeDef, 9, v9);
}
/**
* @param {?} view
* @param {?} nodeDef
* @param {?} values
* @return {?}
*/
function checkNoChangesNodeDynamic(view, nodeDef, values) {
for (var /** @type {?} */ i = 0; i < values.length; i++) {
checkBindingNoChanges(view, nodeDef, i, values[i]);
}
}
/**
* @param {?} view
* @param {?} nodeDef
* @return {?}
*/
function checkNoChangesQuery(view, nodeDef) {
var /** @type {?} */ queryList = asQueryList(view, nodeDef.index);
if (queryList.dirty) {
throw expressionChangedAfterItHasBeenCheckedError(Services.createDebugContext(view, nodeDef.index), "Query " + nodeDef.query.id + " not dirty", "Query " + nodeDef.query.id + " dirty", (view.state & 1 /* FirstCheck */) !== 0);
}
}
/**
* @param {?} view
* @return {?}
*/
function destroyView(view) {
if (view.state & 8 /* Destroyed */) {
return;
}
execEmbeddedViewsAction(view, ViewAction.Destroy);
execComponentViewsAction(view, ViewAction.Destroy);
callLifecycleHooksChildrenFirst(view, 65536 /* OnDestroy */);
if (view.disposables) {
for (var /** @type {?} */ i = 0; i < view.disposables.length; i++) {
view.disposables[i]();
}
}
if (view.renderer.destroyNode) {
destroyViewNodes(view);
}
if (isComponentView(view)) {
view.renderer.destroy();
}
view.state |= 8 /* Destroyed */;
}
/**
* @param {?} view
* @return {?}
*/
function destroyViewNodes(view) {
var /** @type {?} */ len = view.def.nodes.length;
for (var /** @type {?} */ i = 0; i < len; i++) {
var /** @type {?} */ def = view.def.nodes[i];
if (def.flags & 1 /* TypeElement */) {
view.renderer.destroyNode(asElementData(view, i).renderElement);
}
else if (def.flags & 2 /* TypeText */) {
view.renderer.destroyNode(asTextData(view, i).renderText);
}
}
}
var ViewAction = {};
ViewAction.CreateViewNodes = 0;
ViewAction.CheckNoChanges = 1;
ViewAction.CheckAndUpdate = 2;
ViewAction.Destroy = 3;
ViewAction[ViewAction.CreateViewNodes] = "CreateViewNodes";
ViewAction[ViewAction.CheckNoChanges] = "CheckNoChanges";
ViewAction[ViewAction.CheckAndUpdate] = "CheckAndUpdate";
ViewAction[ViewAction.Destroy] = "Destroy";
/**
* @param {?} view
* @param {?} action
* @return {?}
*/
function execComponentViewsAction(view, action) {
var /** @type {?} */ def = view.def;
if (!(def.nodeFlags & 16777216 /* ComponentView */)) {
return;
}
for (var /** @type {?} */ i = 0; i < def.nodes.length; i++) {
var /** @type {?} */ nodeDef = def.nodes[i];
if (nodeDef.flags & 16777216 /* ComponentView */) {
// a leaf
callViewAction(asElementData(view, i).componentView, action);
}
else if ((nodeDef.childFlags & 16777216 /* ComponentView */) === 0) {
// a parent with leafs
// no child is a component,
// then skip the children
i += nodeDef.childCount;
}
}
}
/**
* @param {?} view
* @param {?} action
* @return {?}
*/
function execEmbeddedViewsAction(view, action) {
var /** @type {?} */ def = view.def;
if (!(def.nodeFlags & 8388608 /* EmbeddedViews */)) {
return;
}
for (var /** @type {?} */ i = 0; i < def.nodes.length; i++) {
var /** @type {?} */ nodeDef = def.nodes[i];
if (nodeDef.flags & 8388608 /* EmbeddedViews */) {
// a leaf
var /** @type {?} */ embeddedViews = asElementData(view, i).viewContainer._embeddedViews;
for (var /** @type {?} */ k = 0; k < embeddedViews.length; k++) {
callViewAction(embeddedViews[k], action);
}
}
else if ((nodeDef.childFlags & 8388608 /* EmbeddedViews */) === 0) {
// a parent with leafs
// no child is a component,
// then skip the children
i += nodeDef.childCount;
}
}
}
/**
* @param {?} view
* @param {?} action
* @return {?}
*/
function callViewAction(view, action) {
var /** @type {?} */ viewState = view.state;
switch (action) {
case ViewAction.CheckNoChanges:
if ((viewState & 2 /* ChecksEnabled */) &&
(viewState & (4 /* Errored */ | 8 /* Destroyed */)) === 0) {
checkNoChangesView(view);
}
break;
case ViewAction.CheckAndUpdate:
if ((viewState & 2 /* ChecksEnabled */) &&
(viewState & (4 /* Errored */ | 8 /* Destroyed */)) === 0) {
checkAndUpdateView(view);
}
break;
case ViewAction.Destroy:
destroyView(view);
break;
case ViewAction.CreateViewNodes:
createViewNodes(view);
break;
}
}
/**
* @param {?} view
* @param {?} queryFlags
* @param {?} staticDynamicQueryFlag
* @param {?} checkType
* @return {?}
*/
function execQueriesAction(view, queryFlags, staticDynamicQueryFlag, checkType) {
if (!(view.def.nodeFlags & queryFlags) || !(view.def.nodeFlags & staticDynamicQueryFlag)) {
return;
}
var /** @type {?} */ nodeCount = view.def.nodes.length;
for (var /** @type {?} */ i = 0; i < nodeCount; i++) {
var /** @type {?} */ nodeDef = view.def.nodes[i];
if ((nodeDef.flags & queryFlags) && (nodeDef.flags & staticDynamicQueryFlag)) {
Services.setCurrentNode(view, nodeDef.index);
switch (checkType) {
case 0 /* CheckAndUpdate */:
checkAndUpdateQuery(view, nodeDef);
break;
case 1 /* CheckNoChanges */:
checkNoChangesQuery(view, nodeDef);
break;
}
}
if (!(nodeDef.childFlags & queryFlags) || !(nodeDef.childFlags & staticDynamicQueryFlag)) {
// no child has a matching query
// then skip the children
i += nodeDef.childCount;
}
}
}
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var initialized = false;
/**
* @return {?}
*/
function initServicesIfNeeded() {
if (initialized) {
return;
}
initialized = true;
var /** @type {?} */ services = isDevMode() ? createDebugServices() : createProdServices();
Services.setCurrentNode = services.setCurrentNode;
Services.createRootView = services.createRootView;
Services.createEmbeddedView = services.createEmbeddedView;
Services.checkAndUpdateView = services.checkAndUpdateView;
Services.checkNoChangesView = services.checkNoChangesView;
Services.destroyView = services.destroyView;
Services.resolveDep = resolveDep;
Services.createDebugContext = services.createDebugContext;
Services.handleEvent = services.handleEvent;
Services.updateDirectives = services.updateDirectives;
Services.updateRenderer = services.updateRenderer;
Services.dirtyParentQueries = dirtyParentQueries;
}
/**
* @return {?}
*/
function createProdServices() {
return {
setCurrentNode: function () { },
createRootView: createProdRootView,
createEmbeddedView: createEmbeddedView,
checkAndUpdateView: checkAndUpdateView,
checkNoChangesView: checkNoChangesView,
destroyView: destroyView,
createDebugContext: function (view, nodeIndex) { return new DebugContext_(view, nodeIndex); },
handleEvent: function (view, nodeIndex, eventName, event) { return view.def.handleEvent(view, nodeIndex, eventName, event); },
updateDirectives: function (view, checkType) { return view.def.updateDirectives(checkType === 0 /* CheckAndUpdate */ ? prodCheckAndUpdateNode :
prodCheckNoChangesNode, view); },
updateRenderer: function (view, checkType) { return view.def.updateRenderer(checkType === 0 /* CheckAndUpdate */ ? prodCheckAndUpdateNode :
prodCheckNoChangesNode, view); },
};
}
/**
* @return {?}
*/
function createDebugServices() {
return {
setCurrentNode: debugSetCurrentNode,
createRootView: debugCreateRootView,
createEmbeddedView: debugCreateEmbeddedView,
checkAndUpdateView: debugCheckAndUpdateView,
checkNoChangesView: debugCheckNoChangesView,
destroyView: debugDestroyView,
createDebugContext: function (view, nodeIndex) { return new DebugContext_(view, nodeIndex); },
handleEvent: debugHandleEvent,
updateDirectives: debugUpdateDirectives,
updateRenderer: debugUpdateRenderer
};
}
/**
* @param {?} elInjector
* @param {?} projectableNodes
* @param {?} rootSelectorOrNode
* @param {?} def
* @param {?} ngModule
* @param {?=} context
* @return {?}
*/
function createProdRootView(elInjector, projectableNodes, rootSelectorOrNode, def, ngModule, context) {
var /** @type {?} */ rendererFactory = ngModule.injector.get(RendererFactory2);
return createRootView(createRootData(elInjector, ngModule, rendererFactory, projectableNodes, rootSelectorOrNode), def, context);
}
/**
* @param {?} elInjector
* @param {?} projectableNodes
* @param {?} rootSelectorOrNode
* @param {?} def
* @param {?} ngModule
* @param {?=} context
* @return {?}
*/
function debugCreateRootView(elInjector, projectableNodes, rootSelectorOrNode, def, ngModule, context) {
var /** @type {?} */ rendererFactory = ngModule.injector.get(RendererFactory2);
var /** @type {?} */ root = createRootData(elInjector, ngModule, new DebugRendererFactory2(rendererFactory), projectableNodes, rootSelectorOrNode);
return callWithDebugContext(DebugAction.create, createRootView, null, [root, def, context]);
}
/**
* @param {?} elInjector
* @param {?} ngModule
* @param {?} rendererFactory
* @param {?} projectableNodes
* @param {?} rootSelectorOrNode
* @return {?}
*/
function createRootData(elInjector, ngModule, rendererFactory, projectableNodes, rootSelectorOrNode) {
var /** @type {?} */ sanitizer = ngModule.injector.get(Sanitizer);
var /** @type {?} */ renderer = rendererFactory.createRenderer(null, null);
return {
ngModule: ngModule,
injector: elInjector, projectableNodes: projectableNodes,
selectorOrNode: rootSelectorOrNode, sanitizer: sanitizer, rendererFactory: rendererFactory, renderer: renderer
};
}
/**
* @param {?} view
* @param {?} nodeIndex
* @param {?} argStyle
* @param {?=} v0
* @param {?=} v1
* @param {?=} v2
* @param {?=} v3
* @param {?=} v4
* @param {?=} v5
* @param {?=} v6
* @param {?=} v7
* @param {?=} v8
* @param {?=} v9
* @return {?}
*/
function prodCheckAndUpdateNode(view, nodeIndex, argStyle, v0, v1, v2, v3, v4, v5, v6, v7, v8, v9) {
var /** @type {?} */ nodeDef = view.def.nodes[nodeIndex];
checkAndUpdateNode(view, nodeDef, argStyle, v0, v1, v2, v3, v4, v5, v6, v7, v8, v9);
return (nodeDef.flags & 112 /* CatPureExpression */) ?
asPureExpressionData(view, nodeIndex).value :
undefined;
}
/**
* @param {?} view
* @param {?} nodeIndex
* @param {?} argStyle
* @param {?=} v0
* @param {?=} v1
* @param {?=} v2
* @param {?=} v3
* @param {?=} v4
* @param {?=} v5
* @param {?=} v6
* @param {?=} v7
* @param {?=} v8
* @param {?=} v9
* @return {?}
*/
function prodCheckNoChangesNode(view, nodeIndex, argStyle, v0, v1, v2, v3, v4, v5, v6, v7, v8, v9) {
var /** @type {?} */ nodeDef = view.def.nodes[nodeIndex];
checkNoChangesNode(view, nodeDef, argStyle, v0, v1, v2, v3, v4, v5, v6, v7, v8, v9);
return (nodeDef.flags & 112 /* CatPureExpression */) ?
asPureExpressionData(view, nodeIndex).value :
undefined;
}
/**
* @param {?} parent
* @param {?} anchorDef
* @param {?=} context
* @return {?}
*/
function debugCreateEmbeddedView(parent, anchorDef, context) {
return callWithDebugContext(DebugAction.create, createEmbeddedView, null, [parent, anchorDef, context]);
}
/**
* @param {?} view
* @return {?}
*/
function debugCheckAndUpdateView(view) {
return callWithDebugContext(DebugAction.detectChanges, checkAndUpdateView, null, [view]);
}
/**
* @param {?} view
* @return {?}
*/
function debugCheckNoChangesView(view) {
return callWithDebugContext(DebugAction.checkNoChanges, checkNoChangesView, null, [view]);
}
/**
* @param {?} view
* @return {?}
*/
function debugDestroyView(view) {
return callWithDebugContext(DebugAction.destroy, destroyView, null, [view]);
}
var DebugAction = {};
DebugAction.create = 0;
DebugAction.detectChanges = 1;
DebugAction.checkNoChanges = 2;
DebugAction.destroy = 3;
DebugAction.handleEvent = 4;
DebugAction[DebugAction.create] = "create";
DebugAction[DebugAction.detectChanges] = "detectChanges";
DebugAction[DebugAction.checkNoChanges] = "checkNoChanges";
DebugAction[DebugAction.destroy] = "destroy";
DebugAction[DebugAction.handleEvent] = "handleEvent";
var _currentAction;
var _currentView;
var _currentNodeIndex;
/**
* @param {?} view
* @param {?} nodeIndex
* @return {?}
*/
function debugSetCurrentNode(view, nodeIndex) {
_currentView = view;
_currentNodeIndex = nodeIndex;
}
/**
* @param {?} view
* @param {?} nodeIndex
* @param {?} eventName
* @param {?} event
* @return {?}
*/
function debugHandleEvent(view, nodeIndex, eventName, event) {
debugSetCurrentNode(view, nodeIndex);
return callWithDebugContext(DebugAction.handleEvent, view.def.handleEvent, null, [view, nodeIndex, eventName, event]);
}
/**
* @param {?} view
* @param {?} checkType
* @return {?}
*/
function debugUpdateDirectives(view, checkType) {
if (view.state & 8 /* Destroyed */) {
throw viewDestroyedError(DebugAction[_currentAction]);
}
debugSetCurrentNode(view, nextDirectiveWithBinding(view, 0));
return view.def.updateDirectives(debugCheckDirectivesFn, view);
/**
* @param {?} view
* @param {?} nodeIndex
* @param {?} argStyle
* @param {...?} values
* @return {?}
*/
function debugCheckDirectivesFn(view, nodeIndex, argStyle) {
var values = [];
for (var _i = 3; _i < arguments.length; _i++) {
values[_i - 3] = arguments[_i];
}
var /** @type {?} */ nodeDef = view.def.nodes[nodeIndex];
if (checkType === 0 /* CheckAndUpdate */) {
debugCheckAndUpdateNode(view, nodeDef, argStyle, values);
}
else {
debugCheckNoChangesNode(view, nodeDef, argStyle, values);
}
if (nodeDef.flags & 8192 /* TypeDirective */) {
debugSetCurrentNode(view, nextDirectiveWithBinding(view, nodeIndex));
}
return (nodeDef.flags & 112 /* CatPureExpression */) ?
asPureExpressionData(view, nodeDef.index).value :
undefined;
}
}
/**
* @param {?} view
* @param {?} checkType
* @return {?}
*/
function debugUpdateRenderer(view, checkType) {
if (view.state & 8 /* Destroyed */) {
throw viewDestroyedError(DebugAction[_currentAction]);
}
debugSetCurrentNode(view, nextRenderNodeWithBinding(view, 0));
return view.def.updateRenderer(debugCheckRenderNodeFn, view);
/**
* @param {?} view
* @param {?} nodeIndex
* @param {?} argStyle
* @param {...?} values
* @return {?}
*/
function debugCheckRenderNodeFn(view, nodeIndex, argStyle) {
var values = [];
for (var _i = 3; _i < arguments.length; _i++) {
values[_i - 3] = arguments[_i];
}
var /** @type {?} */ nodeDef = view.def.nodes[nodeIndex];
if (checkType === 0 /* CheckAndUpdate */) {
debugCheckAndUpdateNode(view, nodeDef, argStyle, values);
}
else {
debugCheckNoChangesNode(view, nodeDef, argStyle, values);
}
if (nodeDef.flags & 3 /* CatRenderNode */) {
debugSetCurrentNode(view, nextRenderNodeWithBinding(view, nodeIndex));
}
return (nodeDef.flags & 112 /* CatPureExpression */) ?
asPureExpressionData(view, nodeDef.index).value :
undefined;
}
}
/**
* @param {?} view
* @param {?} nodeDef
* @param {?} argStyle
* @param {?} givenValues
* @return {?}
*/
function debugCheckAndUpdateNode(view, nodeDef, argStyle, givenValues) {
var /** @type {?} */ changed = ((checkAndUpdateNode)).apply(void 0, [view, nodeDef, argStyle].concat(givenValues));
if (changed) {
var /** @type {?} */ values = argStyle === 1 /* Dynamic */ ? givenValues[0] : givenValues;
if (nodeDef.flags & 8192 /* TypeDirective */) {
var /** @type {?} */ bindingValues = {};
for (var /** @type {?} */ i = 0; i < nodeDef.bindings.length; i++) {
var /** @type {?} */ binding = nodeDef.bindings[i];
var /** @type {?} */ value = values[i];
if (binding.flags & 8 /* TypeProperty */) {
bindingValues[normalizeDebugBindingName(binding.nonMinifiedName)] =
normalizeDebugBindingValue(value);
}
}
var /** @type {?} */ elDef = nodeDef.parent;
var /** @type {?} */ el = asElementData(view, elDef.index).renderElement;
if (!elDef.element.name) {
// a comment.
view.renderer.setValue(el, "bindings=" + JSON.stringify(bindingValues, null, 2));
}
else {
// a regular element.
for (var /** @type {?} */ attr in bindingValues) {
var /** @type {?} */ value = bindingValues[attr];
if (value != null) {
view.renderer.setAttribute(el, attr, value);
}
else {
view.renderer.removeAttribute(el, attr);
}
}
}
}
}
}
/**
* @param {?} view
* @param {?} nodeDef
* @param {?} argStyle
* @param {?} values
* @return {?}
*/
function debugCheckNoChangesNode(view, nodeDef, argStyle, values) {
((checkNoChangesNode)).apply(void 0, [view, nodeDef, argStyle].concat(values));
}
/**
* @param {?} name
* @return {?}
*/
function normalizeDebugBindingName(name) {
// Attribute names with `$` (eg `x-y$`) are valid per spec, but unsupported by some browsers
name = camelCaseToDashCase(name.replace(/[$@]/g, '_'));
return "ng-reflect-" + name;
}
var CAMEL_CASE_REGEXP = /([A-Z])/g;
/**
* @param {?} input
* @return {?}
*/
function camelCaseToDashCase(input) {
return input.replace(CAMEL_CASE_REGEXP, function () {
var m = [];
for (var _i = 0; _i < arguments.length; _i++) {
m[_i] = arguments[_i];
}
return '-' + m[1].toLowerCase();
});
}
/**
* @param {?} value
* @return {?}
*/
function normalizeDebugBindingValue(value) {
try {
// Limit the size of the value as otherwise the DOM just gets polluted.
return value ? value.toString().slice(0, 30) : value;
}
catch (e) {
return '[ERROR] Exception while trying to serialize the value';
}
}
/**
* @param {?} view
* @param {?} nodeIndex
* @return {?}
*/
function nextDirectiveWithBinding(view, nodeIndex) {
for (var /** @type {?} */ i = nodeIndex; i < view.def.nodes.length; i++) {
var /** @type {?} */ nodeDef = view.def.nodes[i];
if (nodeDef.flags & 8192 /* TypeDirective */ && nodeDef.bindings && nodeDef.bindings.length) {
return i;
}
}
return undefined;
}
/**
* @param {?} view
* @param {?} nodeIndex
* @return {?}
*/
function nextRenderNodeWithBinding(view, nodeIndex) {
for (var /** @type {?} */ i = nodeIndex; i < view.def.nodes.length; i++) {
var /** @type {?} */ nodeDef = view.def.nodes[i];
if ((nodeDef.flags & 3 /* CatRenderNode */) && nodeDef.bindings && nodeDef.bindings.length) {
return i;
}
}
return undefined;
}
var DebugContext_ = (function () {
/**
* @param {?} view
* @param {?} nodeIndex
*/
function DebugContext_(view, nodeIndex) {
this.view = view;
this.nodeIndex = nodeIndex;
if (nodeIndex == null) {
this.nodeIndex = nodeIndex = 0;
}
this.nodeDef = view.def.nodes[nodeIndex];
var elDef = this.nodeDef;
var elView = view;
while (elDef && (elDef.flags & 1 /* TypeElement */) === 0) {
elDef = elDef.parent;
}
if (!elDef) {
while (!elDef && elView) {
elDef = viewParentEl(elView);
elView = elView.parent;
}
}
this.elDef = elDef;
this.elView = elView;
}
Object.defineProperty(DebugContext_.prototype, "elOrCompView", {
/**
* @return {?}
*/
get: function () {
// Has to be done lazily as we use the DebugContext also during creation of elements...
return asElementData(this.elView, this.elDef.index).componentView || this.view;
},
enumerable: true,
configurable: true
});
Object.defineProperty(DebugContext_.prototype, "injector", {
/**
* @return {?}
*/
get: function () { return createInjector(this.elView, this.elDef); },
enumerable: true,
configurable: true
});
Object.defineProperty(DebugContext_.prototype, "component", {
/**
* @return {?}
*/
get: function () { return this.elOrCompView.component; },
enumerable: true,
configurable: true
});
Object.defineProperty(DebugContext_.prototype, "context", {
/**
* @return {?}
*/
get: function () { return this.elOrCompView.context; },
enumerable: true,
configurable: true
});
Object.defineProperty(DebugContext_.prototype, "providerTokens", {
/**
* @return {?}
*/
get: function () {
var /** @type {?} */ tokens = [];
if (this.elDef) {
for (var /** @type {?} */ i = this.elDef.index + 1; i <= this.elDef.index + this.elDef.childCount; i++) {
var /** @type {?} */ childDef = this.elView.def.nodes[i];
if (childDef.flags & 10112 /* CatProvider */) {
tokens.push(childDef.provider.token);
}
i += childDef.childCount;
}
}
return tokens;
},
enumerable: true,
configurable: true
});
Object.defineProperty(DebugContext_.prototype, "references", {
/**
* @return {?}
*/
get: function () {
var /** @type {?} */ references = {};
if (this.elDef) {
collectReferences(this.elView, this.elDef, references);
for (var /** @type {?} */ i = this.elDef.index + 1; i <= this.elDef.index + this.elDef.childCount; i++) {
var /** @type {?} */ childDef = this.elView.def.nodes[i];
if (childDef.flags & 10112 /* CatProvider */) {
collectReferences(this.elView, childDef, references);
}
i += childDef.childCount;
}
}
return references;
},
enumerable: true,
configurable: true
});
Object.defineProperty(DebugContext_.prototype, "componentRenderElement", {
/**
* @return {?}
*/
get: function () {
var /** @type {?} */ elData = findHostElement(this.elOrCompView);
return elData ? elData.renderElement : undefined;
},
enumerable: true,
configurable: true
});
Object.defineProperty(DebugContext_.prototype, "renderNode", {
/**
* @return {?}
*/
get: function () {
return this.nodeDef.flags & 2 /* TypeText */ ? renderNode(this.view, this.nodeDef) :
renderNode(this.elView, this.elDef);
},
enumerable: true,
configurable: true
});
/**
* @param {?} console
* @param {...?} values
* @return {?}
*/
DebugContext_.prototype.logError = function (console) {
var values = [];
for (var _i = 1; _i < arguments.length; _i++) {
values[_i - 1] = arguments[_i];
}
var /** @type {?} */ logViewDef;
var /** @type {?} */ logNodeIndex;
if (this.nodeDef.flags & 2 /* TypeText */) {
logViewDef = this.view.def;
logNodeIndex = this.nodeDef.index;
}
else {
logViewDef = this.elView.def;
logNodeIndex = this.elDef.index;
}
// Note: we only generate a log function for text and element nodes
// to make the generated code as small as possible.
var /** @type {?} */ renderNodeIndex = getRenderNodeIndex(logViewDef, logNodeIndex);
var /** @type {?} */ currRenderNodeIndex = -1;
var /** @type {?} */ nodeLogger = function () {
currRenderNodeIndex++;
if (currRenderNodeIndex === renderNodeIndex) {
return (_a = console.error).bind.apply(_a, [console].concat(values));
}
else {
return NOOP;
}
var _a;
};
logViewDef.factory(nodeLogger);
if (currRenderNodeIndex < renderNodeIndex) {
console.error('Illegal state: the ViewDefinitionFactory did not call the logger!');
console.error.apply(console, values);
}
};
return DebugContext_;
}());
/**
* @param {?} viewDef
* @param {?} nodeIndex
* @return {?}
*/
function getRenderNodeIndex(viewDef$$1, nodeIndex) {
var /** @type {?} */ renderNodeIndex = -1;
for (var /** @type {?} */ i = 0; i <= nodeIndex; i++) {
var /** @type {?} */ nodeDef = viewDef$$1.nodes[i];
if (nodeDef.flags & 3 /* CatRenderNode */) {
renderNodeIndex++;
}
}
return renderNodeIndex;
}
/**
* @param {?} view
* @return {?}
*/
function findHostElement(view) {
while (view && !isComponentView(view)) {
view = view.parent;
}
if (view.parent) {
return asElementData(view.parent, viewParentEl(view).index);
}
return undefined;
}
/**
* @param {?} view
* @param {?} nodeDef
* @param {?} references
* @return {?}
*/
function collectReferences(view, nodeDef, references) {
for (var /** @type {?} */ refName in nodeDef.references) {
references[refName] = getQueryValue(view, nodeDef, nodeDef.references[refName]);
}
}
/**
* @param {?} action
* @param {?} fn
* @param {?} self
* @param {?} args
* @return {?}
*/
function callWithDebugContext(action, fn, self, args) {
var /** @type {?} */ oldAction = _currentAction;
var /** @type {?} */ oldView = _currentView;
var /** @type {?} */ oldNodeIndex = _currentNodeIndex;
try {
_currentAction = action;
var /** @type {?} */ result = fn.apply(self, args);
_currentView = oldView;
_currentNodeIndex = oldNodeIndex;
_currentAction = oldAction;
return result;
}
catch (e) {
if (isViewDebugError(e) || !_currentView) {
throw e;
}
_currentView.state |= 4 /* Errored */;
throw viewWrappedDebugError(e, getCurrentDebugContext());
}
}
/**
* @return {?}
*/
function getCurrentDebugContext() {
return _currentView ? new DebugContext_(_currentView, _currentNodeIndex) : null;
}
var DebugRendererFactory2 = (function () {
/**
* @param {?} delegate
*/
function DebugRendererFactory2(delegate) {
this.delegate = delegate;
}
/**
* @param {?} element
* @param {?} renderData
* @return {?}
*/
DebugRendererFactory2.prototype.createRenderer = function (element, renderData) {
return new DebugRenderer2(this.delegate.createRenderer(element, renderData));
};
return DebugRendererFactory2;
}());
var DebugRenderer2 = (function () {
/**
* @param {?} delegate
*/
function DebugRenderer2(delegate) {
this.delegate = delegate;
}
Object.defineProperty(DebugRenderer2.prototype, "data", {
/**
* @return {?}
*/
get: function () { return this.delegate.data; },
enumerable: true,
configurable: true
});
/**
* @param {?} node
* @return {?}
*/
DebugRenderer2.prototype.destroyNode = function (node) {
removeDebugNodeFromIndex(getDebugNode(node));
if (this.delegate.destroyNode) {
this.delegate.destroyNode(node);
}
};
/**
* @return {?}
*/
DebugRenderer2.prototype.destroy = function () { this.delegate.destroy(); };
/**
* @param {?} name
* @param {?=} namespace
* @return {?}
*/
DebugRenderer2.prototype.createElement = function (name, namespace) {
var /** @type {?} */ el = this.delegate.createElement(name, namespace);
var /** @type {?} */ debugCtx = getCurrentDebugContext();
if (debugCtx) {
var /** @type {?} */ debugEl = new DebugElement(el, null, debugCtx);
debugEl.name = name;
indexDebugNode(debugEl);
}
return el;
};
/**
* @param {?} value
* @return {?}
*/
DebugRenderer2.prototype.createComment = function (value) {
var /** @type {?} */ comment = this.delegate.createComment(value);
var /** @type {?} */ debugCtx = getCurrentDebugContext();
if (debugCtx) {
indexDebugNode(new DebugNode(comment, null, debugCtx));
}
return comment;
};
/**
* @param {?} value
* @return {?}
*/
DebugRenderer2.prototype.createText = function (value) {
var /** @type {?} */ text = this.delegate.createText(value);
var /** @type {?} */ debugCtx = getCurrentDebugContext();
if (debugCtx) {
indexDebugNode(new DebugNode(text, null, debugCtx));
}
return text;
};
/**
* @param {?} parent
* @param {?} newChild
* @return {?}
*/
DebugRenderer2.prototype.appendChild = function (parent, newChild) {
var /** @type {?} */ debugEl = getDebugNode(parent);
var /** @type {?} */ debugChildEl = getDebugNode(newChild);
if (debugEl && debugChildEl && debugEl instanceof DebugElement) {
debugEl.addChild(debugChildEl);
}
this.delegate.appendChild(parent, newChild);
};
/**
* @param {?} parent
* @param {?} newChild
* @param {?} refChild
* @return {?}
*/
DebugRenderer2.prototype.insertBefore = function (parent, newChild, refChild) {
var /** @type {?} */ debugEl = getDebugNode(parent);
var /** @type {?} */ debugChildEl = getDebugNode(newChild);
var /** @type {?} */ debugRefEl = getDebugNode(refChild);
if (debugEl && debugChildEl && debugEl instanceof DebugElement) {
debugEl.insertBefore(debugRefEl, debugChildEl);
}
this.delegate.insertBefore(parent, newChild, refChild);
};
/**
* @param {?} parent
* @param {?} oldChild
* @return {?}
*/
DebugRenderer2.prototype.removeChild = function (parent, oldChild) {
var /** @type {?} */ debugEl = getDebugNode(parent);
var /** @type {?} */ debugChildEl = getDebugNode(oldChild);
if (debugEl && debugChildEl && debugEl instanceof DebugElement) {
debugEl.removeChild(debugChildEl);
}
this.delegate.removeChild(parent, oldChild);
};
/**
* @param {?} selectorOrNode
* @return {?}
*/
DebugRenderer2.prototype.selectRootElement = function (selectorOrNode) {
var /** @type {?} */ el = this.delegate.selectRootElement(selectorOrNode);
var /** @type {?} */ debugCtx = getCurrentDebugContext();
if (debugCtx) {
indexDebugNode(new DebugElement(el, null, debugCtx));
}
return el;
};
/**
* @param {?} el
* @param {?} name
* @param {?} value
* @param {?=} namespace
* @return {?}
*/
DebugRenderer2.prototype.setAttribute = function (el, name, value, namespace) {
var /** @type {?} */ debugEl = getDebugNode(el);
if (debugEl && debugEl instanceof DebugElement) {
var /** @type {?} */ fullName = namespace ? namespace + ':' + name : name;
debugEl.attributes[fullName] = value;
}
this.delegate.setAttribute(el, name, value, namespace);
};
/**
* @param {?} el
* @param {?} name
* @param {?=} namespace
* @return {?}
*/
DebugRenderer2.prototype.removeAttribute = function (el, name, namespace) {
var /** @type {?} */ debugEl = getDebugNode(el);
if (debugEl && debugEl instanceof DebugElement) {
var /** @type {?} */ fullName = namespace ? namespace + ':' + name : name;
debugEl.attributes[fullName] = null;
}
this.delegate.removeAttribute(el, name, namespace);
};
/**
* @param {?} el
* @param {?} name
* @return {?}
*/
DebugRenderer2.prototype.addClass = function (el, name) {
var /** @type {?} */ debugEl = getDebugNode(el);
if (debugEl && debugEl instanceof DebugElement) {
debugEl.classes[name] = true;
}
this.delegate.addClass(el, name);
};
/**
* @param {?} el
* @param {?} name
* @return {?}
*/
DebugRenderer2.prototype.removeClass = function (el, name) {
var /** @type {?} */ debugEl = getDebugNode(el);
if (debugEl && debugEl instanceof DebugElement) {
debugEl.classes[name] = false;
}
this.delegate.removeClass(el, name);
};
/**
* @param {?} el
* @param {?} style
* @param {?} value
* @param {?} flags
* @return {?}
*/
DebugRenderer2.prototype.setStyle = function (el, style, value, flags) {
var /** @type {?} */ debugEl = getDebugNode(el);
if (debugEl && debugEl instanceof DebugElement) {
debugEl.styles[style] = value;
}
this.delegate.setStyle(el, style, value, flags);
};
/**
* @param {?} el
* @param {?} style
* @param {?} flags
* @return {?}
*/
DebugRenderer2.prototype.removeStyle = function (el, style, flags) {
var /** @type {?} */ debugEl = getDebugNode(el);
if (debugEl && debugEl instanceof DebugElement) {
debugEl.styles[style] = null;
}
this.delegate.removeStyle(el, style, flags);
};
/**
* @param {?} el
* @param {?} name
* @param {?} value
* @return {?}
*/
DebugRenderer2.prototype.setProperty = function (el, name, value) {
var /** @type {?} */ debugEl = getDebugNode(el);
if (debugEl && debugEl instanceof DebugElement) {
debugEl.properties[name] = value;
}
this.delegate.setProperty(el, name, value);
};
/**
* @param {?} target
* @param {?} eventName
* @param {?} callback
* @return {?}
*/
DebugRenderer2.prototype.listen = function (target, eventName, callback) {
if (typeof target !== 'string') {
var /** @type {?} */ debugEl = getDebugNode(target);
if (debugEl) {
debugEl.listeners.push(new EventListener(eventName, callback));
}
}
return this.delegate.listen(target, eventName, callback);
};
/**
* @param {?} node
* @return {?}
*/
DebugRenderer2.prototype.parentNode = function (node) { return this.delegate.parentNode(node); };
/**
* @param {?} node
* @return {?}
*/
DebugRenderer2.prototype.nextSibling = function (node) { return this.delegate.nextSibling(node); };
/**
* @param {?} node
* @param {?} value
* @return {?}
*/
DebugRenderer2.prototype.setValue = function (node, value) { return this.delegate.setValue(node, value); };
return DebugRenderer2;
}());
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* @return {?}
*/
function _iterableDiffersFactory() {
return defaultIterableDiffers;
}
/**
* @return {?}
*/
function _keyValueDiffersFactory() {
return defaultKeyValueDiffers;
}
/**
* @param {?=} locale
* @return {?}
*/
function _localeFactory(locale) {
return locale || 'en-US';
}
/**
* @return {?}
*/
function _initViewEngine() {
initServicesIfNeeded();
}
/**
* This module includes the providers of \@angular/core that are needed
* to bootstrap components via `ApplicationRef`.
*
* \@experimental
*/
var ApplicationModule = (function () {
/**
* @param {?} appRef
*/
function ApplicationModule(appRef) {
}
return ApplicationModule;
}());
ApplicationModule.decorators = [
{ type: NgModule, args: [{
providers: [
ApplicationRef_,
{ provide: ApplicationRef, useExisting: ApplicationRef_ },
ApplicationInitStatus,
Compiler,
APP_ID_RANDOM_PROVIDER,
{ provide: IterableDiffers, useFactory: _iterableDiffersFactory },
{ provide: KeyValueDiffers, useFactory: _keyValueDiffersFactory },
{
provide: LOCALE_ID,
useFactory: _localeFactory,
deps: [[new Inject(LOCALE_ID), new Optional(), new SkipSelf()]]
},
{ provide: APP_INITIALIZER, useValue: _initViewEngine, multi: true },
]
},] },
];
/**
* @nocollapse
*/
ApplicationModule.ctorParameters = function () { return [
{ type: ApplicationRef, },
]; };
/**
* `animate` is an animation-specific function that is designed to be used inside of Angular2's
* animation DSL language. If this information is new, please navigate to the {\@link
* Component#animations-anchor component animations metadata page} to gain a better understanding of
* how animations in Angular2 are used.
*
* `animate` specifies an animation step that will apply the provided `styles` data for a given
* amount of time based on the provided `timing` expression value. Calls to `animate` are expected
* to be used within {\@link sequence an animation sequence}, {\@link group group}, or {\@link
* transition transition}.
*
* ### Usage
*
* The `animate` function accepts two input parameters: `timing` and `styles`:
*
* - `timing` is a string based value that can be a combination of a duration with optional delay
* and easing values. The format for the expression breaks down to `duration delay easing`
* (therefore a value such as `1s 100ms ease-out` will be parse itself into `duration=1000,
* delay=100, easing=ease-out`. If a numeric value is provided then that will be used as the
* `duration` value in millisecond form.
* - `styles` is the style input data which can either be a call to {\@link style style} or {\@link
* keyframes keyframes}. If left empty then the styles from the destination state will be collected
* and used (this is useful when describing an animation step that will complete an animation by
* {\@link transition#the-final-animate-call animating to the final state}).
*
* ```typescript
* // various functions for specifying timing data
* animate(500, style(...))
* animate("1s", style(...))
* animate("100ms 0.5s", style(...))
* animate("5s ease", style(...))
* animate("5s 10ms cubic-bezier(.17,.67,.88,.1)", style(...))
*
* // either style() of keyframes() can be used
* animate(500, style({ background: "red" }))
* animate(500, keyframes([
* style({ background: "blue" })),
* style({ background: "red" }))
* ])
* ```
*
* {\@example core/animation/ts/dsl/animation_example.ts region='Component'}
*
* \@experimental Animation support is experimental.
* @param {?} timings
* @param {?=} styles
* @return {?}
*/
function animate$1(timings, styles) {
if (styles === void 0) { styles = null; }
return { type: 4 /* Animate */, styles: styles, timings: timings };
}
var __extends$13 = (undefined && undefined.__extends) || function (d, b) {
for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
/**
* @license Angular v4.0.0
* (c) 2010-2017 Google, Inc. https://angular.io/
* License: MIT
*/
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* This class should not be used directly by an application developer. Instead, use
* {\@link Location}.
*
* `PlatformLocation` encapsulates all calls to DOM apis, which allows the Router to be platform
* agnostic.
* This means that we can have different implementation of `PlatformLocation` for the different
* platforms
* that angular supports. For example, the default `PlatformLocation` is {\@link
* BrowserPlatformLocation},
* however when you run your app in a WebWorker you use {\@link WebWorkerPlatformLocation}.
*
* The `PlatformLocation` class is used directly by all implementations of {\@link LocationStrategy}
* when
* they need to interact with the DOM apis like pushState, popState, etc...
*
* {\@link LocationStrategy} in turn is used by the {\@link Location} service which is used directly
* by
* the {\@link Router} in order to navigate between routes. Since all interactions between {\@link
* Router} /
* {\@link Location} / {\@link LocationStrategy} and DOM apis flow through the `PlatformLocation`
* class
* they are all platform independent.
*
* \@stable
* @abstract
*/
var PlatformLocation = (function () {
function PlatformLocation() {
}
/**
* @abstract
* @return {?}
*/
PlatformLocation.prototype.getBaseHrefFromDOM = function () { };
/**
* @abstract
* @param {?} fn
* @return {?}
*/
PlatformLocation.prototype.onPopState = function (fn) { };
/**
* @abstract
* @param {?} fn
* @return {?}
*/
PlatformLocation.prototype.onHashChange = function (fn) { };
Object.defineProperty(PlatformLocation.prototype, "pathname", {
/**
* @return {?}
*/
get: function () { return null; },
enumerable: true,
configurable: true
});
Object.defineProperty(PlatformLocation.prototype, "search", {
/**
* @return {?}
*/
get: function () { return null; },
enumerable: true,
configurable: true
});
Object.defineProperty(PlatformLocation.prototype, "hash", {
/**
* @return {?}
*/
get: function () { return null; },
enumerable: true,
configurable: true
});
/**
* @abstract
* @param {?} state
* @param {?} title
* @param {?} url
* @return {?}
*/
PlatformLocation.prototype.replaceState = function (state$$1, title, url) { };
/**
* @abstract
* @param {?} state
* @param {?} title
* @param {?} url
* @return {?}
*/
PlatformLocation.prototype.pushState = function (state$$1, title, url) { };
/**
* @abstract
* @return {?}
*/
PlatformLocation.prototype.forward = function () { };
/**
* @abstract
* @return {?}
*/
PlatformLocation.prototype.back = function () { };
return PlatformLocation;
}());
/**
* \@whatItDoes indicates when a location is initialized
* \@experimental
*/
var LOCATION_INITIALIZED = new InjectionToken('Location Initialized');
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* `LocationStrategy` is responsible for representing and reading route state
* from the browser's URL. Angular provides two strategies:
* {\@link HashLocationStrategy} and {\@link PathLocationStrategy}.
*
* This is used under the hood of the {\@link Location} service.
*
* Applications should use the {\@link Router} or {\@link Location} services to
* interact with application route state.
*
* For instance, {\@link HashLocationStrategy} produces URLs like
* `http://example.com#/foo`, and {\@link PathLocationStrategy} produces
* `http://example.com/foo` as an equivalent URL.
*
* See these two classes for more.
*
* \@stable
* @abstract
*/
var LocationStrategy = (function () {
function LocationStrategy() {
}
/**
* @abstract
* @param {?=} includeHash
* @return {?}
*/
LocationStrategy.prototype.path = function (includeHash) { };
/**
* @abstract
* @param {?} internal
* @return {?}
*/
LocationStrategy.prototype.prepareExternalUrl = function (internal) { };
/**
* @abstract
* @param {?} state
* @param {?} title
* @param {?} url
* @param {?} queryParams
* @return {?}
*/
LocationStrategy.prototype.pushState = function (state$$1, title, url, queryParams) { };
/**
* @abstract
* @param {?} state
* @param {?} title
* @param {?} url
* @param {?} queryParams
* @return {?}
*/
LocationStrategy.prototype.replaceState = function (state$$1, title, url, queryParams) { };
/**
* @abstract
* @return {?}
*/
LocationStrategy.prototype.forward = function () { };
/**
* @abstract
* @return {?}
*/
LocationStrategy.prototype.back = function () { };
/**
* @abstract
* @param {?} fn
* @return {?}
*/
LocationStrategy.prototype.onPopState = function (fn) { };
/**
* @abstract
* @return {?}
*/
LocationStrategy.prototype.getBaseHref = function () { };
return LocationStrategy;
}());
/**
* The `APP_BASE_HREF` token represents the base href to be used with the
* {\@link PathLocationStrategy}.
*
* If you're using {\@link PathLocationStrategy}, you must provide a provider to a string
* representing the URL prefix that should be preserved when generating and recognizing
* URLs.
*
* ### Example
*
* ```typescript
* import {Component, NgModule} from '\@angular/core';
* import {APP_BASE_HREF} from '\@angular/common';
*
* \@NgModule({
* providers: [{provide: APP_BASE_HREF, useValue: '/my/app'}]
* })
* class AppModule {}
* ```
*
* \@stable
*/
var APP_BASE_HREF = new InjectionToken('appBaseHref');
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* \@whatItDoes `Location` is a service that applications can use to interact with a browser's URL.
* \@description
* Depending on which {\@link LocationStrategy} is used, `Location` will either persist
* to the URL's path or the URL's hash segment.
*
* Note: it's better to use {\@link Router#navigate} service to trigger route changes. Use
* `Location` only if you need to interact with or create normalized URLs outside of
* routing.
*
* `Location` is responsible for normalizing the URL against the application's base href.
* A normalized URL is absolute from the URL host, includes the application's base href, and has no
* trailing slash:
* - `/my/app/user/123` is normalized
* - `my/app/user/123` **is not** normalized
* - `/my/app/user/123/` **is not** normalized
*
* ### Example
* {\@example common/location/ts/path_location_component.ts region='LocationComponent'}
* \@stable
*/
var Location = (function () {
/**
* @param {?} platformStrategy
*/
function Location(platformStrategy) {
var _this = this;
/**
* \@internal
*/
this._subject = new EventEmitter();
this._platformStrategy = platformStrategy;
var browserBaseHref = this._platformStrategy.getBaseHref();
this._baseHref = Location.stripTrailingSlash(_stripIndexHtml(browserBaseHref));
this._platformStrategy.onPopState(function (ev) {
_this._subject.emit({
'url': _this.path(true),
'pop': true,
'type': ev.type,
});
});
}
/**
* @param {?=} includeHash
* @return {?}
*/
Location.prototype.path = function (includeHash) {
if (includeHash === void 0) { includeHash = false; }
return this.normalize(this._platformStrategy.path(includeHash));
};
/**
* Normalizes the given path and compares to the current normalized path.
* @param {?} path
* @param {?=} query
* @return {?}
*/
Location.prototype.isCurrentPathEqualTo = function (path, query) {
if (query === void 0) { query = ''; }
return this.path() == this.normalize(path + Location.normalizeQueryParams(query));
};
/**
* Given a string representing a URL, returns the normalized URL path without leading or
* trailing slashes.
* @param {?} url
* @return {?}
*/
Location.prototype.normalize = function (url) {
return Location.stripTrailingSlash(_stripBaseHref(this._baseHref, _stripIndexHtml(url)));
};
/**
* Given a string representing a URL, returns the platform-specific external URL path.
* If the given URL doesn't begin with a leading slash (`'/'`), this method adds one
* before normalizing. This method will also add a hash if `HashLocationStrategy` is
* used, or the `APP_BASE_HREF` if the `PathLocationStrategy` is in use.
* @param {?} url
* @return {?}
*/
Location.prototype.prepareExternalUrl = function (url) {
if (url && url[0] !== '/') {
url = '/' + url;
}
return this._platformStrategy.prepareExternalUrl(url);
};
/**
* Changes the browsers URL to the normalized version of the given URL, and pushes a
* new item onto the platform's history.
* @param {?} path
* @param {?=} query
* @return {?}
*/
Location.prototype.go = function (path, query) {
if (query === void 0) { query = ''; }
this._platformStrategy.pushState(null, '', path, query);
};
/**
* Changes the browsers URL to the normalized version of the given URL, and replaces
* the top item on the platform's history stack.
* @param {?} path
* @param {?=} query
* @return {?}
*/
Location.prototype.replaceState = function (path, query) {
if (query === void 0) { query = ''; }
this._platformStrategy.replaceState(null, '', path, query);
};
/**
* Navigates forward in the platform's history.
* @return {?}
*/
Location.prototype.forward = function () { this._platformStrategy.forward(); };
/**
* Navigates back in the platform's history.
* @return {?}
*/
Location.prototype.back = function () { this._platformStrategy.back(); };
/**
* Subscribe to the platform's `popState` events.
* @param {?} onNext
* @param {?=} onThrow
* @param {?=} onReturn
* @return {?}
*/
Location.prototype.subscribe = function (onNext, onThrow, onReturn) {
if (onThrow === void 0) { onThrow = null; }
if (onReturn === void 0) { onReturn = null; }
return this._subject.subscribe({ next: onNext, error: onThrow, complete: onReturn });
};
/**
* Given a string of url parameters, prepend with '?' if needed, otherwise return parameters as
* is.
* @param {?} params
* @return {?}
*/
Location.normalizeQueryParams = function (params) {
return params && params[0] !== '?' ? '?' + params : params;
};
/**
* Given 2 parts of a url, join them with a slash if needed.
* @param {?} start
* @param {?} end
* @return {?}
*/
Location.joinWithSlash = function (start, end) {
if (start.length == 0) {
return end;
}
if (end.length == 0) {
return start;
}
var /** @type {?} */ slashes = 0;
if (start.endsWith('/')) {
slashes++;
}
if (end.startsWith('/')) {
slashes++;
}
if (slashes == 2) {
return start + end.substring(1);
}
if (slashes == 1) {
return start + end;
}
return start + '/' + end;
};
/**
* If url has a trailing slash, remove it, otherwise return url as is.
* @param {?} url
* @return {?}
*/
Location.stripTrailingSlash = function (url) { return url.replace(/\/$/, ''); };
return Location;
}());
Location.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
Location.ctorParameters = function () { return [
{ type: LocationStrategy, },
]; };
/**
* @param {?} baseHref
* @param {?} url
* @return {?}
*/
function _stripBaseHref(baseHref, url) {
return baseHref && url.startsWith(baseHref) ? url.substring(baseHref.length) : url;
}
/**
* @param {?} url
* @return {?}
*/
function _stripIndexHtml(url) {
return url.replace(/\/index.html$/, '');
}
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* \@whatItDoes Use URL hash for storing application location data.
* \@description
* `HashLocationStrategy` is a {\@link LocationStrategy} used to configure the
* {\@link Location} service to represent its state in the
* [hash fragment](https://en.wikipedia.org/wiki/Uniform_Resource_Locator#Syntax)
* of the browser's URL.
*
* For instance, if you call `location.go('/foo')`, the browser's URL will become
* `example.com#/foo`.
*
* ### Example
*
* {\@example common/location/ts/hash_location_component.ts region='LocationComponent'}
*
* \@stable
*/
var HashLocationStrategy = (function (_super) {
__extends$13(HashLocationStrategy, _super);
/**
* @param {?} _platformLocation
* @param {?=} _baseHref
*/
function HashLocationStrategy(_platformLocation, _baseHref) {
var _this = _super.call(this) || this;
_this._platformLocation = _platformLocation;
_this._baseHref = '';
if (_baseHref != null) {
_this._baseHref = _baseHref;
}
return _this;
}
/**
* @param {?} fn
* @return {?}
*/
HashLocationStrategy.prototype.onPopState = function (fn) {
this._platformLocation.onPopState(fn);
this._platformLocation.onHashChange(fn);
};
/**
* @return {?}
*/
HashLocationStrategy.prototype.getBaseHref = function () { return this._baseHref; };
/**
* @param {?=} includeHash
* @return {?}
*/
HashLocationStrategy.prototype.path = function (includeHash) {
if (includeHash === void 0) { includeHash = false; }
// the hash value is always prefixed with a `#`
// and if it is empty then it will stay empty
var /** @type {?} */ path = this._platformLocation.hash;
if (path == null)
path = '#';
return path.length > 0 ? path.substring(1) : path;
};
/**
* @param {?} internal
* @return {?}
*/
HashLocationStrategy.prototype.prepareExternalUrl = function (internal) {
var /** @type {?} */ url = Location.joinWithSlash(this._baseHref, internal);
return url.length > 0 ? ('#' + url) : url;
};
/**
* @param {?} state
* @param {?} title
* @param {?} path
* @param {?} queryParams
* @return {?}
*/
HashLocationStrategy.prototype.pushState = function (state$$1, title, path, queryParams) {
var /** @type {?} */ url = this.prepareExternalUrl(path + Location.normalizeQueryParams(queryParams));
if (url.length == 0) {
url = this._platformLocation.pathname;
}
this._platformLocation.pushState(state$$1, title, url);
};
/**
* @param {?} state
* @param {?} title
* @param {?} path
* @param {?} queryParams
* @return {?}
*/
HashLocationStrategy.prototype.replaceState = function (state$$1, title, path, queryParams) {
var /** @type {?} */ url = this.prepareExternalUrl(path + Location.normalizeQueryParams(queryParams));
if (url.length == 0) {
url = this._platformLocation.pathname;
}
this._platformLocation.replaceState(state$$1, title, url);
};
/**
* @return {?}
*/
HashLocationStrategy.prototype.forward = function () { this._platformLocation.forward(); };
/**
* @return {?}
*/
HashLocationStrategy.prototype.back = function () { this._platformLocation.back(); };
return HashLocationStrategy;
}(LocationStrategy));
HashLocationStrategy.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
HashLocationStrategy.ctorParameters = function () { return [
{ type: PlatformLocation, },
{ type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [APP_BASE_HREF,] },] },
]; };
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* \@whatItDoes Use URL for storing application location data.
* \@description
* `PathLocationStrategy` is a {\@link LocationStrategy} used to configure the
* {\@link Location} service to represent its state in the
* [path](https://en.wikipedia.org/wiki/Uniform_Resource_Locator#Syntax) of the
* browser's URL.
*
* If you're using `PathLocationStrategy`, you must provide a {\@link APP_BASE_HREF}
* or add a base element to the document. This URL prefix that will be preserved
* when generating and recognizing URLs.
*
* For instance, if you provide an `APP_BASE_HREF` of `'/my/app'` and call
* `location.go('/foo')`, the browser's URL will become
* `example.com/my/app/foo`.
*
* Similarly, if you add `<base href='/my/app'/>` to the document and call
* `location.go('/foo')`, the browser's URL will become
* `example.com/my/app/foo`.
*
* ### Example
*
* {\@example common/location/ts/path_location_component.ts region='LocationComponent'}
*
* \@stable
*/
var PathLocationStrategy = (function (_super) {
__extends$13(PathLocationStrategy, _super);
/**
* @param {?} _platformLocation
* @param {?=} href
*/
function PathLocationStrategy(_platformLocation, href) {
var _this = _super.call(this) || this;
_this._platformLocation = _platformLocation;
if (href == null) {
href = _this._platformLocation.getBaseHrefFromDOM();
}
if (href == null) {
throw new Error("No base href set. Please provide a value for the APP_BASE_HREF token or add a base element to the document.");
}
_this._baseHref = href;
return _this;
}
/**
* @param {?} fn
* @return {?}
*/
PathLocationStrategy.prototype.onPopState = function (fn) {
this._platformLocation.onPopState(fn);
this._platformLocation.onHashChange(fn);
};
/**
* @return {?}
*/
PathLocationStrategy.prototype.getBaseHref = function () { return this._baseHref; };
/**
* @param {?} internal
* @return {?}
*/
PathLocationStrategy.prototype.prepareExternalUrl = function (internal) {
return Location.joinWithSlash(this._baseHref, internal);
};
/**
* @param {?=} includeHash
* @return {?}
*/
PathLocationStrategy.prototype.path = function (includeHash) {
if (includeHash === void 0) { includeHash = false; }
var /** @type {?} */ pathname = this._platformLocation.pathname +
Location.normalizeQueryParams(this._platformLocation.search);
var /** @type {?} */ hash = this._platformLocation.hash;
return hash && includeHash ? "" + pathname + hash : pathname;
};
/**
* @param {?} state
* @param {?} title
* @param {?} url
* @param {?} queryParams
* @return {?}
*/
PathLocationStrategy.prototype.pushState = function (state$$1, title, url, queryParams) {
var /** @type {?} */ externalUrl = this.prepareExternalUrl(url + Location.normalizeQueryParams(queryParams));
this._platformLocation.pushState(state$$1, title, externalUrl);
};
/**
* @param {?} state
* @param {?} title
* @param {?} url
* @param {?} queryParams
* @return {?}
*/
PathLocationStrategy.prototype.replaceState = function (state$$1, title, url, queryParams) {
var /** @type {?} */ externalUrl = this.prepareExternalUrl(url + Location.normalizeQueryParams(queryParams));
this._platformLocation.replaceState(state$$1, title, externalUrl);
};
/**
* @return {?}
*/
PathLocationStrategy.prototype.forward = function () { this._platformLocation.forward(); };
/**
* @return {?}
*/
PathLocationStrategy.prototype.back = function () { this._platformLocation.back(); };
return PathLocationStrategy;
}(LocationStrategy));
PathLocationStrategy.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
PathLocationStrategy.ctorParameters = function () { return [
{ type: PlatformLocation, },
{ type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [APP_BASE_HREF,] },] },
]; };
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* \@experimental
* @abstract
*/
var NgLocalization = (function () {
function NgLocalization() {
}
/**
* @abstract
* @param {?} value
* @return {?}
*/
NgLocalization.prototype.getPluralCategory = function (value) { };
return NgLocalization;
}());
/**
* Returns the plural category for a given value.
* - "=value" when the case exists,
* - the plural category otherwise
*
* \@internal
* @param {?} value
* @param {?} cases
* @param {?} ngLocalization
* @return {?}
*/
function getPluralCategory(value, cases, ngLocalization) {
var /** @type {?} */ key = "=" + value;
if (cases.indexOf(key) > -1) {
return key;
}
key = ngLocalization.getPluralCategory(value);
if (cases.indexOf(key) > -1) {
return key;
}
if (cases.indexOf('other') > -1) {
return 'other';
}
throw new Error("No plural message found for value \"" + value + "\"");
}
/**
* Returns the plural case based on the locale
*
* \@experimental
*/
var NgLocaleLocalization = (function (_super) {
__extends$13(NgLocaleLocalization, _super);
/**
* @param {?} locale
*/
function NgLocaleLocalization(locale) {
var _this = _super.call(this) || this;
_this.locale = locale;
return _this;
}
/**
* @param {?} value
* @return {?}
*/
NgLocaleLocalization.prototype.getPluralCategory = function (value) {
var /** @type {?} */ plural = getPluralCase(this.locale, value);
switch (plural) {
case Plural.Zero:
return 'zero';
case Plural.One:
return 'one';
case Plural.Two:
return 'two';
case Plural.Few:
return 'few';
case Plural.Many:
return 'many';
default:
return 'other';
}
};
return NgLocaleLocalization;
}(NgLocalization));
NgLocaleLocalization.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
NgLocaleLocalization.ctorParameters = function () { return [
{ type: undefined, decorators: [{ type: Inject, args: [LOCALE_ID,] },] },
]; };
var Plural = {};
Plural.Zero = 0;
Plural.One = 1;
Plural.Two = 2;
Plural.Few = 3;
Plural.Many = 4;
Plural.Other = 5;
Plural[Plural.Zero] = "Zero";
Plural[Plural.One] = "One";
Plural[Plural.Two] = "Two";
Plural[Plural.Few] = "Few";
Plural[Plural.Many] = "Many";
Plural[Plural.Other] = "Other";
/**
* Returns the plural case based on the locale
*
* \@experimental
* @param {?} locale
* @param {?} nLike
* @return {?}
*/
function getPluralCase(locale, nLike) {
// TODO(vicb): lazy compute
if (typeof nLike === 'string') {
nLike = parseInt(/** @type {?} */ (nLike), 10);
}
var /** @type {?} */ n = (nLike);
var /** @type {?} */ nDecimal = n.toString().replace(/^[^.]*\.?/, '');
var /** @type {?} */ i = Math.floor(Math.abs(n));
var /** @type {?} */ v = nDecimal.length;
var /** @type {?} */ f = parseInt(nDecimal, 10);
var /** @type {?} */ t = parseInt(n.toString().replace(/^[^.]*\.?|0+$/g, ''), 10) || 0;
var /** @type {?} */ lang = locale.split('-')[0].toLowerCase();
switch (lang) {
case 'af':
case 'asa':
case 'az':
case 'bem':
case 'bez':
case 'bg':
case 'brx':
case 'ce':
case 'cgg':
case 'chr':
case 'ckb':
case 'ee':
case 'el':
case 'eo':
case 'es':
case 'eu':
case 'fo':
case 'fur':
case 'gsw':
case 'ha':
case 'haw':
case 'hu':
case 'jgo':
case 'jmc':
case 'ka':
case 'kk':
case 'kkj':
case 'kl':
case 'ks':
case 'ksb':
case 'ky':
case 'lb':
case 'lg':
case 'mas':
case 'mgo':
case 'ml':
case 'mn':
case 'nb':
case 'nd':
case 'ne':
case 'nn':
case 'nnh':
case 'nyn':
case 'om':
case 'or':
case 'os':
case 'ps':
case 'rm':
case 'rof':
case 'rwk':
case 'saq':
case 'seh':
case 'sn':
case 'so':
case 'sq':
case 'ta':
case 'te':
case 'teo':
case 'tk':
case 'tr':
case 'ug':
case 'uz':
case 'vo':
case 'vun':
case 'wae':
case 'xog':
if (n === 1)
return Plural.One;
return Plural.Other;
case 'agq':
case 'bas':
case 'cu':
case 'dav':
case 'dje':
case 'dua':
case 'dyo':
case 'ebu':
case 'ewo':
case 'guz':
case 'kam':
case 'khq':
case 'ki':
case 'kln':
case 'kok':
case 'ksf':
case 'lrc':
case 'lu':
case 'luo':
case 'luy':
case 'mer':
case 'mfe':
case 'mgh':
case 'mua':
case 'mzn':
case 'nmg':
case 'nus':
case 'qu':
case 'rn':
case 'rw':
case 'sbp':
case 'twq':
case 'vai':
case 'yav':
case 'yue':
case 'zgh':
case 'ak':
case 'ln':
case 'mg':
case 'pa':
case 'ti':
if (n === Math.floor(n) && n >= 0 && n <= 1)
return Plural.One;
return Plural.Other;
case 'am':
case 'as':
case 'bn':
case 'fa':
case 'gu':
case 'hi':
case 'kn':
case 'mr':
case 'zu':
if (i === 0 || n === 1)
return Plural.One;
return Plural.Other;
case 'ar':
if (n === 0)
return Plural.Zero;
if (n === 1)
return Plural.One;
if (n === 2)
return Plural.Two;
if (n % 100 === Math.floor(n % 100) && n % 100 >= 3 && n % 100 <= 10)
return Plural.Few;
if (n % 100 === Math.floor(n % 100) && n % 100 >= 11 && n % 100 <= 99)
return Plural.Many;
return Plural.Other;
case 'ast':
case 'ca':
case 'de':
case 'en':
case 'et':
case 'fi':
case 'fy':
case 'gl':
case 'it':
case 'nl':
case 'sv':
case 'sw':
case 'ur':
case 'yi':
if (i === 1 && v === 0)
return Plural.One;
return Plural.Other;
case 'be':
if (n % 10 === 1 && !(n % 100 === 11))
return Plural.One;
if (n % 10 === Math.floor(n % 10) && n % 10 >= 2 && n % 10 <= 4 &&
!(n % 100 >= 12 && n % 100 <= 14))
return Plural.Few;
if (n % 10 === 0 || n % 10 === Math.floor(n % 10) && n % 10 >= 5 && n % 10 <= 9 ||
n % 100 === Math.floor(n % 100) && n % 100 >= 11 && n % 100 <= 14)
return Plural.Many;
return Plural.Other;
case 'br':
if (n % 10 === 1 && !(n % 100 === 11 || n % 100 === 71 || n % 100 === 91))
return Plural.One;
if (n % 10 === 2 && !(n % 100 === 12 || n % 100 === 72 || n % 100 === 92))
return Plural.Two;
if (n % 10 === Math.floor(n % 10) && (n % 10 >= 3 && n % 10 <= 4 || n % 10 === 9) &&
!(n % 100 >= 10 && n % 100 <= 19 || n % 100 >= 70 && n % 100 <= 79 ||
n % 100 >= 90 && n % 100 <= 99))
return Plural.Few;
if (!(n === 0) && n % 1e6 === 0)
return Plural.Many;
return Plural.Other;
case 'bs':
case 'hr':
case 'sr':
if (v === 0 && i % 10 === 1 && !(i % 100 === 11) || f % 10 === 1 && !(f % 100 === 11))
return Plural.One;
if (v === 0 && i % 10 === Math.floor(i % 10) && i % 10 >= 2 && i % 10 <= 4 &&
!(i % 100 >= 12 && i % 100 <= 14) ||
f % 10 === Math.floor(f % 10) && f % 10 >= 2 && f % 10 <= 4 &&
!(f % 100 >= 12 && f % 100 <= 14))
return Plural.Few;
return Plural.Other;
case 'cs':
case 'sk':
if (i === 1 && v === 0)
return Plural.One;
if (i === Math.floor(i) && i >= 2 && i <= 4 && v === 0)
return Plural.Few;
if (!(v === 0))
return Plural.Many;
return Plural.Other;
case 'cy':
if (n === 0)
return Plural.Zero;
if (n === 1)
return Plural.One;
if (n === 2)
return Plural.Two;
if (n === 3)
return Plural.Few;
if (n === 6)
return Plural.Many;
return Plural.Other;
case 'da':
if (n === 1 || !(t === 0) && (i === 0 || i === 1))
return Plural.One;
return Plural.Other;
case 'dsb':
case 'hsb':
if (v === 0 && i % 100 === 1 || f % 100 === 1)
return Plural.One;
if (v === 0 && i % 100 === 2 || f % 100 === 2)
return Plural.Two;
if (v === 0 && i % 100 === Math.floor(i % 100) && i % 100 >= 3 && i % 100 <= 4 ||
f % 100 === Math.floor(f % 100) && f % 100 >= 3 && f % 100 <= 4)
return Plural.Few;
return Plural.Other;
case 'ff':
case 'fr':
case 'hy':
case 'kab':
if (i === 0 || i === 1)
return Plural.One;
return Plural.Other;
case 'fil':
if (v === 0 && (i === 1 || i === 2 || i === 3) ||
v === 0 && !(i % 10 === 4 || i % 10 === 6 || i % 10 === 9) ||
!(v === 0) && !(f % 10 === 4 || f % 10 === 6 || f % 10 === 9))
return Plural.One;
return Plural.Other;
case 'ga':
if (n === 1)
return Plural.One;
if (n === 2)
return Plural.Two;
if (n === Math.floor(n) && n >= 3 && n <= 6)
return Plural.Few;
if (n === Math.floor(n) && n >= 7 && n <= 10)
return Plural.Many;
return Plural.Other;
case 'gd':
if (n === 1 || n === 11)
return Plural.One;
if (n === 2 || n === 12)
return Plural.Two;
if (n === Math.floor(n) && (n >= 3 && n <= 10 || n >= 13 && n <= 19))
return Plural.Few;
return Plural.Other;
case 'gv':
if (v === 0 && i % 10 === 1)
return Plural.One;
if (v === 0 && i % 10 === 2)
return Plural.Two;
if (v === 0 &&
(i % 100 === 0 || i % 100 === 20 || i % 100 === 40 || i % 100 === 60 || i % 100 === 80))
return Plural.Few;
if (!(v === 0))
return Plural.Many;
return Plural.Other;
case 'he':
if (i === 1 && v === 0)
return Plural.One;
if (i === 2 && v === 0)
return Plural.Two;
if (v === 0 && !(n >= 0 && n <= 10) && n % 10 === 0)
return Plural.Many;
return Plural.Other;
case 'is':
if (t === 0 && i % 10 === 1 && !(i % 100 === 11) || !(t === 0))
return Plural.One;
return Plural.Other;
case 'ksh':
if (n === 0)
return Plural.Zero;
if (n === 1)
return Plural.One;
return Plural.Other;
case 'kw':
case 'naq':
case 'se':
case 'smn':
if (n === 1)
return Plural.One;
if (n === 2)
return Plural.Two;
return Plural.Other;
case 'lag':
if (n === 0)
return Plural.Zero;
if ((i === 0 || i === 1) && !(n === 0))
return Plural.One;
return Plural.Other;
case 'lt':
if (n % 10 === 1 && !(n % 100 >= 11 && n % 100 <= 19))
return Plural.One;
if (n % 10 === Math.floor(n % 10) && n % 10 >= 2 && n % 10 <= 9 &&
!(n % 100 >= 11 && n % 100 <= 19))
return Plural.Few;
if (!(f === 0))
return Plural.Many;
return Plural.Other;
case 'lv':
case 'prg':
if (n % 10 === 0 || n % 100 === Math.floor(n % 100) && n % 100 >= 11 && n % 100 <= 19 ||
v === 2 && f % 100 === Math.floor(f % 100) && f % 100 >= 11 && f % 100 <= 19)
return Plural.Zero;
if (n % 10 === 1 && !(n % 100 === 11) || v === 2 && f % 10 === 1 && !(f % 100 === 11) ||
!(v === 2) && f % 10 === 1)
return Plural.One;
return Plural.Other;
case 'mk':
if (v === 0 && i % 10 === 1 || f % 10 === 1)
return Plural.One;
return Plural.Other;
case 'mt':
if (n === 1)
return Plural.One;
if (n === 0 || n % 100 === Math.floor(n % 100) && n % 100 >= 2 && n % 100 <= 10)
return Plural.Few;
if (n % 100 === Math.floor(n % 100) && n % 100 >= 11 && n % 100 <= 19)
return Plural.Many;
return Plural.Other;
case 'pl':
if (i === 1 && v === 0)
return Plural.One;
if (v === 0 && i % 10 === Math.floor(i % 10) && i % 10 >= 2 && i % 10 <= 4 &&
!(i % 100 >= 12 && i % 100 <= 14))
return Plural.Few;
if (v === 0 && !(i === 1) && i % 10 === Math.floor(i % 10) && i % 10 >= 0 && i % 10 <= 1 ||
v === 0 && i % 10 === Math.floor(i % 10) && i % 10 >= 5 && i % 10 <= 9 ||
v === 0 && i % 100 === Math.floor(i % 100) && i % 100 >= 12 && i % 100 <= 14)
return Plural.Many;
return Plural.Other;
case 'pt':
if (n === Math.floor(n) && n >= 0 && n <= 2 && !(n === 2))
return Plural.One;
return Plural.Other;
case 'ro':
if (i === 1 && v === 0)
return Plural.One;
if (!(v === 0) || n === 0 ||
!(n === 1) && n % 100 === Math.floor(n % 100) && n % 100 >= 1 && n % 100 <= 19)
return Plural.Few;
return Plural.Other;
case 'ru':
case 'uk':
if (v === 0 && i % 10 === 1 && !(i % 100 === 11))
return Plural.One;
if (v === 0 && i % 10 === Math.floor(i % 10) && i % 10 >= 2 && i % 10 <= 4 &&
!(i % 100 >= 12 && i % 100 <= 14))
return Plural.Few;
if (v === 0 && i % 10 === 0 ||
v === 0 && i % 10 === Math.floor(i % 10) && i % 10 >= 5 && i % 10 <= 9 ||
v === 0 && i % 100 === Math.floor(i % 100) && i % 100 >= 11 && i % 100 <= 14)
return Plural.Many;
return Plural.Other;
case 'shi':
if (i === 0 || n === 1)
return Plural.One;
if (n === Math.floor(n) && n >= 2 && n <= 10)
return Plural.Few;
return Plural.Other;
case 'si':
if (n === 0 || n === 1 || i === 0 && f === 1)
return Plural.One;
return Plural.Other;
case 'sl':
if (v === 0 && i % 100 === 1)
return Plural.One;
if (v === 0 && i % 100 === 2)
return Plural.Two;
if (v === 0 && i % 100 === Math.floor(i % 100) && i % 100 >= 3 && i % 100 <= 4 || !(v === 0))
return Plural.Few;
return Plural.Other;
case 'tzm':
if (n === Math.floor(n) && n >= 0 && n <= 1 || n === Math.floor(n) && n >= 11 && n <= 99)
return Plural.One;
return Plural.Other;
default:
return Plural.Other;
}
}
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* \@ngModule CommonModule
*
* \@whatItDoes Adds and removes CSS classes on an HTML element.
*
* \@howToUse
* ```
* <some-element [ngClass]="'first second'">...</some-element>
*
* <some-element [ngClass]="['first', 'second']">...</some-element>
*
* <some-element [ngClass]="{'first': true, 'second': true, 'third': false}">...</some-element>
*
* <some-element [ngClass]="stringExp|arrayExp|objExp">...</some-element>
*
* <some-element [ngClass]="{'class1 class2 class3' : true}">...</some-element>
* ```
*
* \@description
*
* The CSS classes are updated as follows, depending on the type of the expression evaluation:
* - `string` - the CSS classes listed in the string (space delimited) are added,
* - `Array` - the CSS classes declared as Array elements are added,
* - `Object` - keys are CSS classes that get added when the expression given in the value
* evaluates to a truthy value, otherwise they are removed.
*
* \@stable
*/
var NgClass = (function () {
/**
* @param {?} _iterableDiffers
* @param {?} _keyValueDiffers
* @param {?} _ngEl
* @param {?} _renderer
*/
function NgClass(_iterableDiffers, _keyValueDiffers, _ngEl, _renderer) {
this._iterableDiffers = _iterableDiffers;
this._keyValueDiffers = _keyValueDiffers;
this._ngEl = _ngEl;
this._renderer = _renderer;
this._initialClasses = [];
}
Object.defineProperty(NgClass.prototype, "klass", {
/**
* @param {?} v
* @return {?}
*/
set: function (v) {
this._applyInitialClasses(true);
this._initialClasses = typeof v === 'string' ? v.split(/\s+/) : [];
this._applyInitialClasses(false);
this._applyClasses(this._rawClass, false);
},
enumerable: true,
configurable: true
});
Object.defineProperty(NgClass.prototype, "ngClass", {
/**
* @param {?} v
* @return {?}
*/
set: function (v) {
this._cleanupClasses(this._rawClass);
this._iterableDiffer = null;
this._keyValueDiffer = null;
this._rawClass = typeof v === 'string' ? v.split(/\s+/) : v;
if (this._rawClass) {
if (isListLikeIterable(this._rawClass)) {
this._iterableDiffer = this._iterableDiffers.find(this._rawClass).create();
}
else {
this._keyValueDiffer = this._keyValueDiffers.find(this._rawClass).create();
}
}
},
enumerable: true,
configurable: true
});
/**
* @return {?}
*/
NgClass.prototype.ngDoCheck = function () {
if (this._iterableDiffer) {
var /** @type {?} */ iterableChanges = this._iterableDiffer.diff(/** @type {?} */ (this._rawClass));
if (iterableChanges) {
this._applyIterableChanges(iterableChanges);
}
}
else if (this._keyValueDiffer) {
var /** @type {?} */ keyValueChanges = this._keyValueDiffer.diff(/** @type {?} */ (this._rawClass));
if (keyValueChanges) {
this._applyKeyValueChanges(keyValueChanges);
}
}
};
/**
* @param {?} rawClassVal
* @return {?}
*/
NgClass.prototype._cleanupClasses = function (rawClassVal) {
this._applyClasses(rawClassVal, true);
this._applyInitialClasses(false);
};
/**
* @param {?} changes
* @return {?}
*/
NgClass.prototype._applyKeyValueChanges = function (changes) {
var _this = this;
changes.forEachAddedItem(function (record) { return _this._toggleClass(record.key, record.currentValue); });
changes.forEachChangedItem(function (record) { return _this._toggleClass(record.key, record.currentValue); });
changes.forEachRemovedItem(function (record) {
if (record.previousValue) {
_this._toggleClass(record.key, false);
}
});
};
/**
* @param {?} changes
* @return {?}
*/
NgClass.prototype._applyIterableChanges = function (changes) {
var _this = this;
changes.forEachAddedItem(function (record) {
if (typeof record.item === 'string') {
_this._toggleClass(record.item, true);
}
else {
throw new Error("NgClass can only toggle CSS classes expressed as strings, got " + stringify(record.item));
}
});
changes.forEachRemovedItem(function (record) { return _this._toggleClass(record.item, false); });
};
/**
* @param {?} isCleanup
* @return {?}
*/
NgClass.prototype._applyInitialClasses = function (isCleanup) {
var _this = this;
this._initialClasses.forEach(function (klass) { return _this._toggleClass(klass, !isCleanup); });
};
/**
* @param {?} rawClassVal
* @param {?} isCleanup
* @return {?}
*/
NgClass.prototype._applyClasses = function (rawClassVal, isCleanup) {
var _this = this;
if (rawClassVal) {
if (Array.isArray(rawClassVal) || rawClassVal instanceof Set) {
((rawClassVal)).forEach(function (klass) { return _this._toggleClass(klass, !isCleanup); });
}
else {
Object.keys(rawClassVal).forEach(function (klass) {
if (rawClassVal[klass] != null)
_this._toggleClass(klass, !isCleanup);
});
}
}
};
/**
* @param {?} klass
* @param {?} enabled
* @return {?}
*/
NgClass.prototype._toggleClass = function (klass, enabled) {
var _this = this;
klass = klass.trim();
if (klass) {
klass.split(/\s+/g).forEach(function (klass) { _this._renderer.setElementClass(_this._ngEl.nativeElement, klass, !!enabled); });
}
};
return NgClass;
}());
NgClass.decorators = [
{ type: Directive, args: [{ selector: '[ngClass]' },] },
];
/**
* @nocollapse
*/
NgClass.ctorParameters = function () { return [
{ type: IterableDiffers, },
{ type: KeyValueDiffers, },
{ type: ElementRef, },
{ type: Renderer, },
]; };
NgClass.propDecorators = {
'klass': [{ type: Input, args: ['class',] },],
'ngClass': [{ type: Input },],
};
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* Instantiates a single {\@link Component} type and inserts its Host View into current View.
* `NgComponentOutlet` provides a declarative approach for dynamic component creation.
*
* `NgComponentOutlet` requires a component type, if a falsy value is set the view will clear and
* any existing component will get destroyed.
*
* ### Fine tune control
*
* You can control the component creation process by using the following optional attributes:
*
* * `ngComponentOutletInjector`: Optional custom {\@link Injector} that will be used as parent for
* the Component. Defaults to the injector of the current view container.
*
* * `ngComponentOutletProviders`: Optional injectable objects ({\@link Provider}) that are visible
* to the component.
*
* * `ngComponentOutletContent`: Optional list of projectable nodes to insert into the content
* section of the component, if exists.
*
* * `ngComponentOutletNgModuleFactory`: Optional module factory to allow dynamically loading other
* module, then load a component from that module.
*
* ### Syntax
*
* Simple
* ```
* <ng-container *ngComponentOutlet="componentTypeExpression"></ng-container>
* ```
*
* Customized injector/content
* ```
* <ng-container *ngComponentOutlet="componentTypeExpression;
* injector: injectorExpression;
* content: contentNodesExpression;">
* </ng-container>
* ```
*
* Customized ngModuleFactory
* ```
* <ng-container *ngComponentOutlet="componentTypeExpression;
* ngModuleFactory: moduleFactory;">
* </ng-container>
* ```
* # Example
*
* {\@example common/ngComponentOutlet/ts/module.ts region='SimpleExample'}
*
* A more complete example with additional options:
*
* {\@example common/ngComponentOutlet/ts/module.ts region='CompleteExample'}
* A more complete example with ngModuleFactory:
*
* {\@example common/ngComponentOutlet/ts/module.ts region='NgModuleFactoryExample'}
*
* \@experimental
*/
var NgComponentOutlet = (function () {
/**
* @param {?} _viewContainerRef
*/
function NgComponentOutlet(_viewContainerRef) {
this._viewContainerRef = _viewContainerRef;
this._componentRef = null;
this._moduleRef = null;
}
/**
* @param {?} changes
* @return {?}
*/
NgComponentOutlet.prototype.ngOnChanges = function (changes) {
this._viewContainerRef.clear();
this._componentRef = null;
if (this.ngComponentOutlet) {
var /** @type {?} */ elInjector = this.ngComponentOutletInjector || this._viewContainerRef.parentInjector;
if (changes['ngComponentOutletNgModuleFactory']) {
if (this._moduleRef)
this._moduleRef.destroy();
if (this.ngComponentOutletNgModuleFactory) {
var /** @type {?} */ parentModule = elInjector.get(NgModuleRef);
this._moduleRef = this.ngComponentOutletNgModuleFactory.create(parentModule.injector);
}
else {
this._moduleRef = null;
}
}
var /** @type {?} */ componentFactoryResolver = this._moduleRef ? this._moduleRef.componentFactoryResolver :
elInjector.get(ComponentFactoryResolver);
var /** @type {?} */ componentFactory = componentFactoryResolver.resolveComponentFactory(this.ngComponentOutlet);
this._componentRef = this._viewContainerRef.createComponent(componentFactory, this._viewContainerRef.length, elInjector, this.ngComponentOutletContent);
}
};
/**
* @return {?}
*/
NgComponentOutlet.prototype.ngOnDestroy = function () {
if (this._moduleRef)
this._moduleRef.destroy();
};
return NgComponentOutlet;
}());
NgComponentOutlet.decorators = [
{ type: Directive, args: [{ selector: '[ngComponentOutlet]' },] },
];
/**
* @nocollapse
*/
NgComponentOutlet.ctorParameters = function () { return [
{ type: ViewContainerRef, },
]; };
NgComponentOutlet.propDecorators = {
'ngComponentOutlet': [{ type: Input },],
'ngComponentOutletInjector': [{ type: Input },],
'ngComponentOutletContent': [{ type: Input },],
'ngComponentOutletNgModuleFactory': [{ type: Input },],
};
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* \@stable
*/
var NgForOfContext = (function () {
/**
* @param {?} $implicit
* @param {?} ngForOf
* @param {?} index
* @param {?} count
*/
function NgForOfContext($implicit, ngForOf, index, count) {
this.$implicit = $implicit;
this.ngForOf = ngForOf;
this.index = index;
this.count = count;
}
Object.defineProperty(NgForOfContext.prototype, "first", {
/**
* @return {?}
*/
get: function () { return this.index === 0; },
enumerable: true,
configurable: true
});
Object.defineProperty(NgForOfContext.prototype, "last", {
/**
* @return {?}
*/
get: function () { return this.index === this.count - 1; },
enumerable: true,
configurable: true
});
Object.defineProperty(NgForOfContext.prototype, "even", {
/**
* @return {?}
*/
get: function () { return this.index % 2 === 0; },
enumerable: true,
configurable: true
});
Object.defineProperty(NgForOfContext.prototype, "odd", {
/**
* @return {?}
*/
get: function () { return !this.even; },
enumerable: true,
configurable: true
});
return NgForOfContext;
}());
/**
* The `NgForOf` directive instantiates a template once per item from an iterable. The context
* for each instantiated template inherits from the outer context with the given loop variable
* set to the current item from the iterable.
*
* ### Local Variables
*
* `NgForOf` provides several exported values that can be aliased to local variables:
*
* - `$implicit: T`: The value of the individual items in the iterable (`ngForOf`).
* - `ngForOf: NgIterable<T>`: The value of the iterable expression. Useful when the expression is
* more complex then a property access, for example when using the async pipe (`userStreams |
* async`).
* - `index: number`: The index of the current item in the iterable.
* - `first: boolean`: True when the item is the first item in the iterable.
* - `last: boolean`: True when the item is the last item in the iterable.
* - `even: boolean`: True when the item has an even index in the iterable.
* - `odd: boolean`: True when the item has an odd index in the iterable.
*
* ```
* <li *ngFor="let user of userObservable | async as users; index as i; first as isFirst">
* {{i}}/{{users.length}}. {{user}} <span *ngIf="isFirst">default</span>
* </li>
* ```
*
* ### Change Propagation
*
* When the contents of the iterator changes, `NgForOf` makes the corresponding changes to the DOM:
*
* * When an item is added, a new instance of the template is added to the DOM.
* * When an item is removed, its template instance is removed from the DOM.
* * When items are reordered, their respective templates are reordered in the DOM.
* * Otherwise, the DOM element for that item will remain the same.
*
* Angular uses object identity to track insertions and deletions within the iterator and reproduce
* those changes in the DOM. This has important implications for animations and any stateful
* controls (such as `<input>` elements which accept user input) that are present. Inserted rows can
* be animated in, deleted rows can be animated out, and unchanged rows retain any unsaved state
* such as user input.
*
* It is possible for the identities of elements in the iterator to change while the data does not.
* This can happen, for example, if the iterator produced from an RPC to the server, and that
* RPC is re-run. Even if the data hasn't changed, the second response will produce objects with
* different identities, and Angular will tear down the entire DOM and rebuild it (as if all old
* elements were deleted and all new elements inserted). This is an expensive operation and should
* be avoided if possible.
*
* To customize the default tracking algorithm, `NgForOf` supports `trackBy` option.
* `trackBy` takes a function which has two arguments: `index` and `item`.
* If `trackBy` is given, Angular tracks changes by the return value of the function.
*
* ### Syntax
*
* - `<li *ngFor="let item of items; index as i; trackBy: trackByFn">...</li>`
* - `<li template="ngFor let item of items; index as i; trackBy: trackByFn">...</li>`
*
* With `<ng-template>` element:
*
* ```
* <ng-template ngFor let-item [ngForOf]="items" let-i="index" [ngForTrackBy]="trackByFn">
* <li>...</li>
* </ng-template>
* ```
*
* ### Example
*
* See a [live demo](http://plnkr.co/edit/KVuXxDp0qinGDyo307QW?p=preview) for a more detailed
* example.
*
* \@stable
*/
var NgForOf = (function () {
/**
* @param {?} _viewContainer
* @param {?} _template
* @param {?} _differs
*/
function NgForOf(_viewContainer, _template, _differs) {
this._viewContainer = _viewContainer;
this._template = _template;
this._differs = _differs;
this._differ = null;
}
Object.defineProperty(NgForOf.prototype, "ngForTrackBy", {
/**
* @return {?}
*/
get: function () { return this._trackByFn; },
/**
* @param {?} fn
* @return {?}
*/
set: function (fn) {
if (isDevMode() && fn != null && typeof fn !== 'function') {
// TODO(vicb): use a log service once there is a public one available
if ((console) && (console.warn)) {
console.warn("trackBy must be a function, but received " + JSON.stringify(fn) + ". " +
"See https://angular.io/docs/ts/latest/api/common/index/NgFor-directive.html#!#change-propagation for more information.");
}
}
this._trackByFn = fn;
},
enumerable: true,
configurable: true
});
Object.defineProperty(NgForOf.prototype, "ngForTemplate", {
/**
* @param {?} value
* @return {?}
*/
set: function (value) {
// TODO(TS2.1): make TemplateRef<Partial<NgForRowOf<T>>> once we move to TS v2.1
// The current type is too restrictive; a template that just uses index, for example,
// should be acceptable.
if (value) {
this._template = value;
}
},
enumerable: true,
configurable: true
});
/**
* @param {?} changes
* @return {?}
*/
NgForOf.prototype.ngOnChanges = function (changes) {
if ('ngForOf' in changes) {
// React on ngForOf changes only once all inputs have been initialized
var /** @type {?} */ value = changes['ngForOf'].currentValue;
if (!this._differ && value) {
try {
this._differ = this._differs.find(value).create(this.ngForTrackBy);
}
catch (e) {
throw new Error("Cannot find a differ supporting object '" + value + "' of type '" + getTypeNameForDebugging$1(value) + "'. NgFor only supports binding to Iterables such as Arrays.");
}
}
}
};
/**
* @return {?}
*/
NgForOf.prototype.ngDoCheck = function () {
if (this._differ) {
var /** @type {?} */ changes = this._differ.diff(this.ngForOf);
if (changes)
this._applyChanges(changes);
}
};
/**
* @param {?} changes
* @return {?}
*/
NgForOf.prototype._applyChanges = function (changes) {
var _this = this;
var /** @type {?} */ insertTuples = [];
changes.forEachOperation(function (item, adjustedPreviousIndex, currentIndex) {
if (item.previousIndex == null) {
var /** @type {?} */ view = _this._viewContainer.createEmbeddedView(_this._template, new NgForOfContext(null, _this.ngForOf, null, null), currentIndex);
var /** @type {?} */ tuple = new RecordViewTuple(item, view);
insertTuples.push(tuple);
}
else if (currentIndex == null) {
_this._viewContainer.remove(adjustedPreviousIndex);
}
else {
var /** @type {?} */ view = _this._viewContainer.get(adjustedPreviousIndex);
_this._viewContainer.move(view, currentIndex);
var /** @type {?} */ tuple = new RecordViewTuple(item, /** @type {?} */ (view));
insertTuples.push(tuple);
}
});
for (var /** @type {?} */ i = 0; i < insertTuples.length; i++) {
this._perViewChange(insertTuples[i].view, insertTuples[i].record);
}
for (var /** @type {?} */ i = 0, /** @type {?} */ ilen = this._viewContainer.length; i < ilen; i++) {
var /** @type {?} */ viewRef = (this._viewContainer.get(i));
viewRef.context.index = i;
viewRef.context.count = ilen;
}
changes.forEachIdentityChange(function (record) {
var /** @type {?} */ viewRef = (_this._viewContainer.get(record.currentIndex));
viewRef.context.$implicit = record.item;
});
};
/**
* @param {?} view
* @param {?} record
* @return {?}
*/
NgForOf.prototype._perViewChange = function (view, record) {
view.context.$implicit = record.item;
};
return NgForOf;
}());
NgForOf.decorators = [
{ type: Directive, args: [{ selector: '[ngFor][ngForOf]' },] },
];
/**
* @nocollapse
*/
NgForOf.ctorParameters = function () { return [
{ type: ViewContainerRef, },
{ type: TemplateRef, },
{ type: IterableDiffers, },
]; };
NgForOf.propDecorators = {
'ngForOf': [{ type: Input },],
'ngForTrackBy': [{ type: Input },],
'ngForTemplate': [{ type: Input },],
};
var RecordViewTuple = (function () {
/**
* @param {?} record
* @param {?} view
*/
function RecordViewTuple(record, view) {
this.record = record;
this.view = view;
}
return RecordViewTuple;
}());
/**
* @param {?} type
* @return {?}
*/
function getTypeNameForDebugging$1(type) {
return type['name'] || typeof type;
}
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* Conditionally includes a template based on the value of an `expression`.
*
* `ngIf` evaluates the `expression` and then renders the `then` or `else` template in its place
* when expression is truthy or falsy respectively. Typically the:
* - `then` template is the inline template of `ngIf` unless bound to a different value.
* - `else` template is blank unless it is bound.
*
* # Most common usage
*
* The most common usage of the `ngIf` directive is to conditionally show the inline template as
* seen in this example:
* {\@example common/ngIf/ts/module.ts region='NgIfSimple'}
*
* # Showing an alternative template using `else`
*
* If it is necessary to display a template when the `expression` is falsy use the `else` template
* binding as shown. Note that the `else` binding points to a `<ng-template>` labeled `#elseBlock`.
* The template can be defined anywhere in the component view but is typically placed right after
* `ngIf` for readability.
*
* {\@example common/ngIf/ts/module.ts region='NgIfElse'}
*
* # Using non-inlined `then` template
*
* Usually the `then` template is the inlined template of the `ngIf`, but it can be changed using
* a binding (just like `else`). Because `then` and `else` are bindings, the template references can
* change at runtime as shown in this example.
*
* {\@example common/ngIf/ts/module.ts region='NgIfThenElse'}
*
* # Storing conditional result in a variable
*
* A common pattern is that we need to show a set of properties from the same object. If the
* object is undefined, then we have to use the safe-traversal-operator `?.` to guard against
* dereferencing a `null` value. This is especially the case when waiting on async data such as
* when using the `async` pipe as shown in folowing example:
*
* ```
* Hello {{ (userStream|async)?.last }}, {{ (userStream|async)?.first }}!
* ```
*
* There are several inefficiencies in the above example:
* - We create multiple subscriptions on `userStream`. One for each `async` pipe, or two in the
* example above.
* - We cannot display an alternative screen while waiting for the data to arrive asynchronously.
* - We have to use the safe-traversal-operator `?.` to access properties, which is cumbersome.
* - We have to place the `async` pipe in parenthesis.
*
* A better way to do this is to use `ngIf` and store the result of the condition in a local
* variable as shown in the the example below:
*
* {\@example common/ngIf/ts/module.ts region='NgIfAs'}
*
* Notice that:
* - We use only one `async` pipe and hence only one subscription gets created.
* - `ngIf` stores the result of the `userStream|async` in the local variable `user`.
* - The local `user` can then be bound repeatedly in a more efficient way.
* - No need to use the safe-traversal-operator `?.` to access properties as `ngIf` will only
* display the data if `userStream` returns a value.
* - We can display an alternative template while waiting for the data.
*
* ### Syntax
*
* Simple form:
* - `<div *ngIf="condition">...</div>`
* - `<div template="ngIf condition">...</div>`
* - `<ng-template [ngIf]="condition"><div>...</div></ng-template>`
*
* Form with an else block:
* ```
* <div *ngIf="condition; else elseBlock">...</div>
* <ng-template #elseBlock>...</ng-template>
* ```
*
* Form with a `then` and `else` block:
* ```
* <div *ngIf="condition; then thenBlock else elseBlock"></div>
* <ng-template #thenBlock>...</ng-template>
* <ng-template #elseBlock>...</ng-template>
* ```
*
* Form with storing the value locally:
* ```
* <div *ngIf="condition as value; else elseBlock">{{value}}</div>
* <ng-template #elseBlock>...</ng-template>
* ```
*
* \@stable
*/
var NgIf = (function () {
/**
* @param {?} _viewContainer
* @param {?} templateRef
*/
function NgIf(_viewContainer, templateRef) {
this._viewContainer = _viewContainer;
this._context = new NgIfContext();
this._thenTemplateRef = null;
this._elseTemplateRef = null;
this._thenViewRef = null;
this._elseViewRef = null;
this._thenTemplateRef = templateRef;
}
Object.defineProperty(NgIf.prototype, "ngIf", {
/**
* @param {?} condition
* @return {?}
*/
set: function (condition) {
this._context.$implicit = this._context.ngIf = condition;
this._updateView();
},
enumerable: true,
configurable: true
});
Object.defineProperty(NgIf.prototype, "ngIfThen", {
/**
* @param {?} templateRef
* @return {?}
*/
set: function (templateRef) {
this._thenTemplateRef = templateRef;
this._thenViewRef = null; // clear previous view if any.
this._updateView();
},
enumerable: true,
configurable: true
});
Object.defineProperty(NgIf.prototype, "ngIfElse", {
/**
* @param {?} templateRef
* @return {?}
*/
set: function (templateRef) {
this._elseTemplateRef = templateRef;
this._elseViewRef = null; // clear previous view if any.
this._updateView();
},
enumerable: true,
configurable: true
});
/**
* @return {?}
*/
NgIf.prototype._updateView = function () {
if (this._context.$implicit) {
if (!this._thenViewRef) {
this._viewContainer.clear();
this._elseViewRef = null;
if (this._thenTemplateRef) {
this._thenViewRef =
this._viewContainer.createEmbeddedView(this._thenTemplateRef, this._context);
}
}
}
else {
if (!this._elseViewRef) {
this._viewContainer.clear();
this._thenViewRef = null;
if (this._elseTemplateRef) {
this._elseViewRef =
this._viewContainer.createEmbeddedView(this._elseTemplateRef, this._context);
}
}
}
};
return NgIf;
}());
NgIf.decorators = [
{ type: Directive, args: [{ selector: '[ngIf]' },] },
];
/**
* @nocollapse
*/
NgIf.ctorParameters = function () { return [
{ type: ViewContainerRef, },
{ type: TemplateRef, },
]; };
NgIf.propDecorators = {
'ngIf': [{ type: Input },],
'ngIfThen': [{ type: Input },],
'ngIfElse': [{ type: Input },],
};
/**
* \@stable
*/
var NgIfContext = (function () {
function NgIfContext() {
this.$implicit = null;
this.ngIf = null;
}
return NgIfContext;
}());
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var SwitchView = (function () {
/**
* @param {?} _viewContainerRef
* @param {?} _templateRef
*/
function SwitchView(_viewContainerRef, _templateRef) {
this._viewContainerRef = _viewContainerRef;
this._templateRef = _templateRef;
this._created = false;
}
/**
* @return {?}
*/
SwitchView.prototype.create = function () {
this._created = true;
this._viewContainerRef.createEmbeddedView(this._templateRef);
};
/**
* @return {?}
*/
SwitchView.prototype.destroy = function () {
this._created = false;
this._viewContainerRef.clear();
};
/**
* @param {?} created
* @return {?}
*/
SwitchView.prototype.enforceState = function (created) {
if (created && !this._created) {
this.create();
}
else if (!created && this._created) {
this.destroy();
}
};
return SwitchView;
}());
/**
* \@ngModule CommonModule
*
* \@whatItDoes Adds / removes DOM sub-trees when the nest match expressions matches the switch
* expression.
*
* \@howToUse
* ```
* <container-element [ngSwitch]="switch_expression">
* <some-element *ngSwitchCase="match_expression_1">...</some-element>
* <some-element *ngSwitchCase="match_expression_2">...</some-element>
* <some-other-element *ngSwitchCase="match_expression_3">...</some-other-element>
* <ng-container *ngSwitchCase="match_expression_3">
* <!-- use a ng-container to group multiple root nodes -->
* <inner-element></inner-element>
* <inner-other-element></inner-other-element>
* </ng-container>
* <some-element *ngSwitchDefault>...</some-element>
* </container-element>
* ```
* \@description
*
* `NgSwitch` stamps out nested views when their match expression value matches the value of the
* switch expression.
*
* In other words:
* - you define a container element (where you place the directive with a switch expression on the
* `[ngSwitch]="..."` attribute)
* - you define inner views inside the `NgSwitch` and place a `*ngSwitchCase` attribute on the view
* root elements.
*
* Elements within `NgSwitch` but outside of a `NgSwitchCase` or `NgSwitchDefault` directives will
* be preserved at the location.
*
* The `ngSwitchCase` directive informs the parent `NgSwitch` of which view to display when the
* expression is evaluated.
* When no matching expression is found on a `ngSwitchCase` view, the `ngSwitchDefault` view is
* stamped out.
*
* \@stable
*/
var NgSwitch = (function () {
function NgSwitch() {
this._defaultUsed = false;
this._caseCount = 0;
this._lastCaseCheckIndex = 0;
this._lastCasesMatched = false;
}
Object.defineProperty(NgSwitch.prototype, "ngSwitch", {
/**
* @param {?} newValue
* @return {?}
*/
set: function (newValue) {
this._ngSwitch = newValue;
if (this._caseCount === 0) {
this._updateDefaultCases(true);
}
},
enumerable: true,
configurable: true
});
/**
* \@internal
* @return {?}
*/
NgSwitch.prototype._addCase = function () { return this._caseCount++; };
/**
* \@internal
* @param {?} view
* @return {?}
*/
NgSwitch.prototype._addDefault = function (view) {
if (!this._defaultViews) {
this._defaultViews = [];
}
this._defaultViews.push(view);
};
/**
* \@internal
* @param {?} value
* @return {?}
*/
NgSwitch.prototype._matchCase = function (value) {
var /** @type {?} */ matched = value == this._ngSwitch;
this._lastCasesMatched = this._lastCasesMatched || matched;
this._lastCaseCheckIndex++;
if (this._lastCaseCheckIndex === this._caseCount) {
this._updateDefaultCases(!this._lastCasesMatched);
this._lastCaseCheckIndex = 0;
this._lastCasesMatched = false;
}
return matched;
};
/**
* @param {?} useDefault
* @return {?}
*/
NgSwitch.prototype._updateDefaultCases = function (useDefault) {
if (this._defaultViews && useDefault !== this._defaultUsed) {
this._defaultUsed = useDefault;
for (var /** @type {?} */ i = 0; i < this._defaultViews.length; i++) {
var /** @type {?} */ defaultView = this._defaultViews[i];
defaultView.enforceState(useDefault);
}
}
};
return NgSwitch;
}());
NgSwitch.decorators = [
{ type: Directive, args: [{ selector: '[ngSwitch]' },] },
];
/**
* @nocollapse
*/
NgSwitch.ctorParameters = function () { return []; };
NgSwitch.propDecorators = {
'ngSwitch': [{ type: Input },],
};
/**
* \@ngModule CommonModule
*
* \@whatItDoes Creates a view that will be added/removed from the parent {\@link NgSwitch} when the
* given expression evaluate to respectively the same/different value as the switch
* expression.
*
* \@howToUse
* ```
* <container-element [ngSwitch]="switch_expression">
* <some-element *ngSwitchCase="match_expression_1">...</some-element>
* </container-element>
* ```
* \@description
*
* Insert the sub-tree when the expression evaluates to the same value as the enclosing switch
* expression.
*
* If multiple match expressions match the switch expression value, all of them are displayed.
*
* See {\@link NgSwitch} for more details and example.
*
* \@stable
*/
var NgSwitchCase = (function () {
/**
* @param {?} viewContainer
* @param {?} templateRef
* @param {?} ngSwitch
*/
function NgSwitchCase(viewContainer, templateRef, ngSwitch) {
this.ngSwitch = ngSwitch;
ngSwitch._addCase();
this._view = new SwitchView(viewContainer, templateRef);
}
/**
* @return {?}
*/
NgSwitchCase.prototype.ngDoCheck = function () { this._view.enforceState(this.ngSwitch._matchCase(this.ngSwitchCase)); };
return NgSwitchCase;
}());
NgSwitchCase.decorators = [
{ type: Directive, args: [{ selector: '[ngSwitchCase]' },] },
];
/**
* @nocollapse
*/
NgSwitchCase.ctorParameters = function () { return [
{ type: ViewContainerRef, },
{ type: TemplateRef, },
{ type: NgSwitch, decorators: [{ type: Host },] },
]; };
NgSwitchCase.propDecorators = {
'ngSwitchCase': [{ type: Input },],
};
/**
* \@ngModule CommonModule
* \@whatItDoes Creates a view that is added to the parent {\@link NgSwitch} when no case expressions
* match the
* switch expression.
*
* \@howToUse
* ```
* <container-element [ngSwitch]="switch_expression">
* <some-element *ngSwitchCase="match_expression_1">...</some-element>
* <some-other-element *ngSwitchDefault>...</some-other-element>
* </container-element>
* ```
*
* \@description
*
* Insert the sub-tree when no case expressions evaluate to the same value as the enclosing switch
* expression.
*
* See {\@link NgSwitch} for more details and example.
*
* \@stable
*/
var NgSwitchDefault = (function () {
/**
* @param {?} viewContainer
* @param {?} templateRef
* @param {?} ngSwitch
*/
function NgSwitchDefault(viewContainer, templateRef, ngSwitch) {
ngSwitch._addDefault(new SwitchView(viewContainer, templateRef));
}
return NgSwitchDefault;
}());
NgSwitchDefault.decorators = [
{ type: Directive, args: [{ selector: '[ngSwitchDefault]' },] },
];
/**
* @nocollapse
*/
NgSwitchDefault.ctorParameters = function () { return [
{ type: ViewContainerRef, },
{ type: TemplateRef, },
{ type: NgSwitch, decorators: [{ type: Host },] },
]; };
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* \@ngModule CommonModule
*
* \@whatItDoes Adds / removes DOM sub-trees based on a numeric value. Tailored for pluralization.
*
* \@howToUse
* ```
* <some-element [ngPlural]="value">
* <ng-template ngPluralCase="=0">there is nothing</ng-template>
* <ng-template ngPluralCase="=1">there is one</ng-template>
* <ng-template ngPluralCase="few">there are a few</ng-template>
* </some-element>
* ```
*
* \@description
*
* Displays DOM sub-trees that match the switch expression value, or failing that, DOM sub-trees
* that match the switch expression's pluralization category.
*
* To use this directive you must provide a container element that sets the `[ngPlural]` attribute
* to a switch expression. Inner elements with a `[ngPluralCase]` will display based on their
* expression:
* - if `[ngPluralCase]` is set to a value starting with `=`, it will only display if the value
* matches the switch expression exactly,
* - otherwise, the view will be treated as a "category match", and will only display if exact
* value matches aren't found and the value maps to its category for the defined locale.
*
* See http://cldr.unicode.org/index/cldr-spec/plural-rules
*
* \@experimental
*/
var NgPlural = (function () {
/**
* @param {?} _localization
*/
function NgPlural(_localization) {
this._localization = _localization;
this._caseViews = {};
}
Object.defineProperty(NgPlural.prototype, "ngPlural", {
/**
* @param {?} value
* @return {?}
*/
set: function (value) {
this._switchValue = value;
this._updateView();
},
enumerable: true,
configurable: true
});
/**
* @param {?} value
* @param {?} switchView
* @return {?}
*/
NgPlural.prototype.addCase = function (value, switchView) { this._caseViews[value] = switchView; };
/**
* @return {?}
*/
NgPlural.prototype._updateView = function () {
this._clearViews();
var /** @type {?} */ cases = Object.keys(this._caseViews);
var /** @type {?} */ key = getPluralCategory(this._switchValue, cases, this._localization);
this._activateView(this._caseViews[key]);
};
/**
* @return {?}
*/
NgPlural.prototype._clearViews = function () {
if (this._activeView)
this._activeView.destroy();
};
/**
* @param {?} view
* @return {?}
*/
NgPlural.prototype._activateView = function (view) {
if (view) {
this._activeView = view;
this._activeView.create();
}
};
return NgPlural;
}());
NgPlural.decorators = [
{ type: Directive, args: [{ selector: '[ngPlural]' },] },
];
/**
* @nocollapse
*/
NgPlural.ctorParameters = function () { return [
{ type: NgLocalization, },
]; };
NgPlural.propDecorators = {
'ngPlural': [{ type: Input },],
};
/**
* \@ngModule CommonModule
*
* \@whatItDoes Creates a view that will be added/removed from the parent {\@link NgPlural} when the
* given expression matches the plural expression according to CLDR rules.
*
* \@howToUse
* ```
* <some-element [ngPlural]="value">
* <ng-template ngPluralCase="=0">...</ng-template>
* <ng-template ngPluralCase="other">...</ng-template>
* </some-element>
* ```
*
* See {\@link NgPlural} for more details and example.
*
* \@experimental
*/
var NgPluralCase = (function () {
/**
* @param {?} value
* @param {?} template
* @param {?} viewContainer
* @param {?} ngPlural
*/
function NgPluralCase(value, template, viewContainer, ngPlural) {
this.value = value;
var isANumber = !isNaN(Number(value));
ngPlural.addCase(isANumber ? "=" + value : value, new SwitchView(viewContainer, template));
}
return NgPluralCase;
}());
NgPluralCase.decorators = [
{ type: Directive, args: [{ selector: '[ngPluralCase]' },] },
];
/**
* @nocollapse
*/
NgPluralCase.ctorParameters = function () { return [
{ type: undefined, decorators: [{ type: Attribute, args: ['ngPluralCase',] },] },
{ type: TemplateRef, },
{ type: ViewContainerRef, },
{ type: NgPlural, decorators: [{ type: Host },] },
]; };
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* \@ngModule CommonModule
*
* \@whatItDoes Update an HTML element styles.
*
* \@howToUse
* ```
* <some-element [ngStyle]="{'font-style': styleExp}">...</some-element>
*
* <some-element [ngStyle]="{'max-width.px': widthExp}">...</some-element>
*
* <some-element [ngStyle]="objExp">...</some-element>
* ```
*
* \@description
*
* The styles are updated according to the value of the expression evaluation:
* - keys are style names with an optional `.<unit>` suffix (ie 'top.px', 'font-style.em'),
* - values are the values assigned to those properties (expressed in the given unit).
*
* \@stable
*/
var NgStyle = (function () {
/**
* @param {?} _differs
* @param {?} _ngEl
* @param {?} _renderer
*/
function NgStyle(_differs, _ngEl, _renderer) {
this._differs = _differs;
this._ngEl = _ngEl;
this._renderer = _renderer;
}
Object.defineProperty(NgStyle.prototype, "ngStyle", {
/**
* @param {?} v
* @return {?}
*/
set: function (v) {
this._ngStyle = v;
if (!this._differ && v) {
this._differ = this._differs.find(v).create();
}
},
enumerable: true,
configurable: true
});
/**
* @return {?}
*/
NgStyle.prototype.ngDoCheck = function () {
if (this._differ) {
var /** @type {?} */ changes = this._differ.diff(this._ngStyle);
if (changes) {
this._applyChanges(changes);
}
}
};
/**
* @param {?} changes
* @return {?}
*/
NgStyle.prototype._applyChanges = function (changes) {
var _this = this;
changes.forEachRemovedItem(function (record) { return _this._setStyle(record.key, null); });
changes.forEachAddedItem(function (record) { return _this._setStyle(record.key, record.currentValue); });
changes.forEachChangedItem(function (record) { return _this._setStyle(record.key, record.currentValue); });
};
/**
* @param {?} nameAndUnit
* @param {?} value
* @return {?}
*/
NgStyle.prototype._setStyle = function (nameAndUnit, value) {
var _a = nameAndUnit.split('.'), name = _a[0], unit = _a[1];
value = value != null && unit ? "" + value + unit : value;
this._renderer.setElementStyle(this._ngEl.nativeElement, name, /** @type {?} */ (value));
};
return NgStyle;
}());
NgStyle.decorators = [
{ type: Directive, args: [{ selector: '[ngStyle]' },] },
];
/**
* @nocollapse
*/
NgStyle.ctorParameters = function () { return [
{ type: KeyValueDiffers, },
{ type: ElementRef, },
{ type: Renderer, },
]; };
NgStyle.propDecorators = {
'ngStyle': [{ type: Input },],
};
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* \@ngModule CommonModule
*
* \@whatItDoes Inserts an embedded view from a prepared `TemplateRef`
*
* \@howToUse
* ```
* <ng-container *ngTemplateOutlet="templateRefExp; context: contextExp"></ng-container>
* ```
*
* \@description
*
* You can attach a context object to the `EmbeddedViewRef` by setting `[ngTemplateOutletContext]`.
* `[ngTemplateOutletContext]` should be an object, the object's keys will be available for binding
* by the local template `let` declarations.
*
* Note: using the key `$implicit` in the context object will set it's value as default.
*
* # Example
*
* {\@example common/ngTemplateOutlet/ts/module.ts region='NgTemplateOutlet'}
*
* \@experimental
*/
var NgTemplateOutlet = (function () {
/**
* @param {?} _viewContainerRef
*/
function NgTemplateOutlet(_viewContainerRef) {
this._viewContainerRef = _viewContainerRef;
}
Object.defineProperty(NgTemplateOutlet.prototype, "ngOutletContext", {
/**
* @deprecated v4.0.0 - Renamed to ngTemplateOutletContext.
* @param {?} context
* @return {?}
*/
set: function (context) { this.ngTemplateOutletContext = context; },
enumerable: true,
configurable: true
});
/**
* @param {?} changes
* @return {?}
*/
NgTemplateOutlet.prototype.ngOnChanges = function (changes) {
if (this._viewRef) {
this._viewContainerRef.remove(this._viewContainerRef.indexOf(this._viewRef));
}
if (this.ngTemplateOutlet) {
this._viewRef = this._viewContainerRef.createEmbeddedView(this.ngTemplateOutlet, this.ngTemplateOutletContext);
}
};
return NgTemplateOutlet;
}());
NgTemplateOutlet.decorators = [
{ type: Directive, args: [{ selector: '[ngTemplateOutlet]' },] },
];
/**
* @nocollapse
*/
NgTemplateOutlet.ctorParameters = function () { return [
{ type: ViewContainerRef, },
]; };
NgTemplateOutlet.propDecorators = {
'ngTemplateOutletContext': [{ type: Input },],
'ngTemplateOutlet': [{ type: Input },],
'ngOutletContext': [{ type: Input },],
};
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* A collection of Angular directives that are likely to be used in each and every Angular
* application.
*/
var COMMON_DIRECTIVES = [
NgClass,
NgComponentOutlet,
NgForOf,
NgIf,
NgTemplateOutlet,
NgStyle,
NgSwitch,
NgSwitchCase,
NgSwitchDefault,
NgPlural,
NgPluralCase,
];
/**
* A collection of deprecated directives that are no longer part of the core module.
*/
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* @param {?} type
* @param {?} value
* @return {?}
*/
function invalidPipeArgumentError(type, value) {
return Error("InvalidPipeArgument: '" + value + "' for pipe '" + stringify(type) + "'");
}
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var ObservableStrategy = (function () {
function ObservableStrategy() {
}
/**
* @param {?} async
* @param {?} updateLatestValue
* @return {?}
*/
ObservableStrategy.prototype.createSubscription = function (async, updateLatestValue) {
return async.subscribe({ next: updateLatestValue, error: function (e) { throw e; } });
};
/**
* @param {?} subscription
* @return {?}
*/
ObservableStrategy.prototype.dispose = function (subscription) { subscription.unsubscribe(); };
/**
* @param {?} subscription
* @return {?}
*/
ObservableStrategy.prototype.onDestroy = function (subscription) { subscription.unsubscribe(); };
return ObservableStrategy;
}());
var PromiseStrategy = (function () {
function PromiseStrategy() {
}
/**
* @param {?} async
* @param {?} updateLatestValue
* @return {?}
*/
PromiseStrategy.prototype.createSubscription = function (async, updateLatestValue) {
return async.then(updateLatestValue, function (e) { throw e; });
};
/**
* @param {?} subscription
* @return {?}
*/
PromiseStrategy.prototype.dispose = function (subscription) { };
/**
* @param {?} subscription
* @return {?}
*/
PromiseStrategy.prototype.onDestroy = function (subscription) { };
return PromiseStrategy;
}());
var _promiseStrategy = new PromiseStrategy();
var _observableStrategy = new ObservableStrategy();
/**
* \@ngModule CommonModule
* \@whatItDoes Unwraps a value from an asynchronous primitive.
* \@howToUse `observable_or_promise_expression | async`
* \@description
* The `async` pipe subscribes to an `Observable` or `Promise` and returns the latest value it has
* emitted. When a new value is emitted, the `async` pipe marks the component to be checked for
* changes. When the component gets destroyed, the `async` pipe unsubscribes automatically to avoid
* potential memory leaks.
*
*
* ## Examples
*
* This example binds a `Promise` to the view. Clicking the `Resolve` button resolves the
* promise.
*
* {\@example common/pipes/ts/async_pipe.ts region='AsyncPipePromise'}
*
* It's also possible to use `async` with Observables. The example below binds the `time` Observable
* to the view. The Observable continuously updates the view with the current time.
*
* {\@example common/pipes/ts/async_pipe.ts region='AsyncPipeObservable'}
*
* \@stable
*/
var AsyncPipe = (function () {
/**
* @param {?} _ref
*/
function AsyncPipe(_ref) {
this._ref = _ref;
this._latestValue = null;
this._latestReturnedValue = null;
this._subscription = null;
this._obj = null;
this._strategy = null;
}
/**
* @return {?}
*/
AsyncPipe.prototype.ngOnDestroy = function () {
if (this._subscription) {
this._dispose();
}
};
/**
* @param {?} obj
* @return {?}
*/
AsyncPipe.prototype.transform = function (obj) {
if (!this._obj) {
if (obj) {
this._subscribe(obj);
}
this._latestReturnedValue = this._latestValue;
return this._latestValue;
}
if (obj !== this._obj) {
this._dispose();
return this.transform(/** @type {?} */ (obj));
}
if (this._latestValue === this._latestReturnedValue) {
return this._latestReturnedValue;
}
this._latestReturnedValue = this._latestValue;
return WrappedValue.wrap(this._latestValue);
};
/**
* @param {?} obj
* @return {?}
*/
AsyncPipe.prototype._subscribe = function (obj) {
var _this = this;
this._obj = obj;
this._strategy = this._selectStrategy(obj);
this._subscription = this._strategy.createSubscription(obj, function (value) { return _this._updateLatestValue(obj, value); });
};
/**
* @param {?} obj
* @return {?}
*/
AsyncPipe.prototype._selectStrategy = function (obj) {
if (isPromise(obj)) {
return _promiseStrategy;
}
if (isObservable(obj)) {
return _observableStrategy;
}
throw invalidPipeArgumentError(AsyncPipe, obj);
};
/**
* @return {?}
*/
AsyncPipe.prototype._dispose = function () {
this._strategy.dispose(this._subscription);
this._latestValue = null;
this._latestReturnedValue = null;
this._subscription = null;
this._obj = null;
};
/**
* @param {?} async
* @param {?} value
* @return {?}
*/
AsyncPipe.prototype._updateLatestValue = function (async, value) {
if (async === this._obj) {
this._latestValue = value;
this._ref.markForCheck();
}
};
return AsyncPipe;
}());
AsyncPipe.decorators = [
{ type: Pipe, args: [{ name: 'async', pure: false },] },
];
/**
* @nocollapse
*/
AsyncPipe.ctorParameters = function () { return [
{ type: ChangeDetectorRef, },
]; };
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* Transforms text to lowercase.
*
* {\@example common/pipes/ts/lowerupper_pipe.ts region='LowerUpperPipe' }
*
* \@stable
*/
var LowerCasePipe = (function () {
function LowerCasePipe() {
}
/**
* @param {?} value
* @return {?}
*/
LowerCasePipe.prototype.transform = function (value) {
if (!value)
return value;
if (typeof value !== 'string') {
throw invalidPipeArgumentError(LowerCasePipe, value);
}
return value.toLowerCase();
};
return LowerCasePipe;
}());
LowerCasePipe.decorators = [
{ type: Pipe, args: [{ name: 'lowercase' },] },
];
/**
* @nocollapse
*/
LowerCasePipe.ctorParameters = function () { return []; };
/**
* Helper method to transform a single word to titlecase.
*
* \@stable
* @param {?} word
* @return {?}
*/
function titleCaseWord(word) {
if (!word)
return word;
return word[0].toUpperCase() + word.substr(1).toLowerCase();
}
/**
* Transforms text to titlecase.
*
* \@stable
*/
var TitleCasePipe = (function () {
function TitleCasePipe() {
}
/**
* @param {?} value
* @return {?}
*/
TitleCasePipe.prototype.transform = function (value) {
if (!value)
return value;
if (typeof value !== 'string') {
throw invalidPipeArgumentError(TitleCasePipe, value);
}
return value.split(/\b/g).map(function (word) { return titleCaseWord(word); }).join('');
};
return TitleCasePipe;
}());
TitleCasePipe.decorators = [
{ type: Pipe, args: [{ name: 'titlecase' },] },
];
/**
* @nocollapse
*/
TitleCasePipe.ctorParameters = function () { return []; };
/**
* Transforms text to uppercase.
*
* \@stable
*/
var UpperCasePipe = (function () {
function UpperCasePipe() {
}
/**
* @param {?} value
* @return {?}
*/
UpperCasePipe.prototype.transform = function (value) {
if (!value)
return value;
if (typeof value !== 'string') {
throw invalidPipeArgumentError(UpperCasePipe, value);
}
return value.toUpperCase();
};
return UpperCasePipe;
}());
UpperCasePipe.decorators = [
{ type: Pipe, args: [{ name: 'uppercase' },] },
];
/**
* @nocollapse
*/
UpperCasePipe.ctorParameters = function () { return []; };
var NumberFormatStyle = {};
NumberFormatStyle.Decimal = 0;
NumberFormatStyle.Percent = 1;
NumberFormatStyle.Currency = 2;
NumberFormatStyle[NumberFormatStyle.Decimal] = "Decimal";
NumberFormatStyle[NumberFormatStyle.Percent] = "Percent";
NumberFormatStyle[NumberFormatStyle.Currency] = "Currency";
var NumberFormatter = (function () {
function NumberFormatter() {
}
/**
* @param {?} num
* @param {?} locale
* @param {?} style
* @param {?=} __3
* @return {?}
*/
NumberFormatter.format = function (num, locale, style$$1, _a) {
var _b = _a === void 0 ? {} : _a, minimumIntegerDigits = _b.minimumIntegerDigits, minimumFractionDigits = _b.minimumFractionDigits, maximumFractionDigits = _b.maximumFractionDigits, currency = _b.currency, _c = _b.currencyAsSymbol, currencyAsSymbol = _c === void 0 ? false : _c;
var /** @type {?} */ options = {
minimumIntegerDigits: minimumIntegerDigits,
minimumFractionDigits: minimumFractionDigits,
maximumFractionDigits: maximumFractionDigits,
style: NumberFormatStyle[style$$1].toLowerCase()
};
if (style$$1 == NumberFormatStyle.Currency) {
options.currency = currency;
options.currencyDisplay = currencyAsSymbol ? 'symbol' : 'code';
}
return new Intl.NumberFormat(locale, options).format(num);
};
return NumberFormatter;
}());
var DATE_FORMATS_SPLIT = /((?:[^yMLdHhmsazZEwGjJ']+)|(?:'(?:[^']|'')*')|(?:E+|y+|M+|L+|d+|H+|h+|J+|j+|m+|s+|a|z|Z|G+|w+))(.*)/;
var PATTERN_ALIASES = {
// Keys are quoted so they do not get renamed during closure compilation.
'yMMMdjms': datePartGetterFactory(combine([
digitCondition('year', 1),
nameCondition('month', 3),
digitCondition('day', 1),
digitCondition('hour', 1),
digitCondition('minute', 1),
digitCondition('second', 1),
])),
'yMdjm': datePartGetterFactory(combine([
digitCondition('year', 1), digitCondition('month', 1), digitCondition('day', 1),
digitCondition('hour', 1), digitCondition('minute', 1)
])),
'yMMMMEEEEd': datePartGetterFactory(combine([
digitCondition('year', 1), nameCondition('month', 4), nameCondition('weekday', 4),
digitCondition('day', 1)
])),
'yMMMMd': datePartGetterFactory(combine([digitCondition('year', 1), nameCondition('month', 4), digitCondition('day', 1)])),
'yMMMd': datePartGetterFactory(combine([digitCondition('year', 1), nameCondition('month', 3), digitCondition('day', 1)])),
'yMd': datePartGetterFactory(combine([digitCondition('year', 1), digitCondition('month', 1), digitCondition('day', 1)])),
'jms': datePartGetterFactory(combine([digitCondition('hour', 1), digitCondition('second', 1), digitCondition('minute', 1)])),
'jm': datePartGetterFactory(combine([digitCondition('hour', 1), digitCondition('minute', 1)]))
};
var DATE_FORMATS = {
// Keys are quoted so they do not get renamed.
'yyyy': datePartGetterFactory(digitCondition('year', 4)),
'yy': datePartGetterFactory(digitCondition('year', 2)),
'y': datePartGetterFactory(digitCondition('year', 1)),
'MMMM': datePartGetterFactory(nameCondition('month', 4)),
'MMM': datePartGetterFactory(nameCondition('month', 3)),
'MM': datePartGetterFactory(digitCondition('month', 2)),
'M': datePartGetterFactory(digitCondition('month', 1)),
'LLLL': datePartGetterFactory(nameCondition('month', 4)),
'L': datePartGetterFactory(nameCondition('month', 1)),
'dd': datePartGetterFactory(digitCondition('day', 2)),
'd': datePartGetterFactory(digitCondition('day', 1)),
'HH': digitModifier(hourExtractor(datePartGetterFactory(hour12Modify(digitCondition('hour', 2), false)))),
'H': hourExtractor(datePartGetterFactory(hour12Modify(digitCondition('hour', 1), false))),
'hh': digitModifier(hourExtractor(datePartGetterFactory(hour12Modify(digitCondition('hour', 2), true)))),
'h': hourExtractor(datePartGetterFactory(hour12Modify(digitCondition('hour', 1), true))),
'jj': datePartGetterFactory(digitCondition('hour', 2)),
'j': datePartGetterFactory(digitCondition('hour', 1)),
'mm': digitModifier(datePartGetterFactory(digitCondition('minute', 2))),
'm': datePartGetterFactory(digitCondition('minute', 1)),
'ss': digitModifier(datePartGetterFactory(digitCondition('second', 2))),
's': datePartGetterFactory(digitCondition('second', 1)),
// while ISO 8601 requires fractions to be prefixed with `.` or `,`
// we can be just safely rely on using `sss` since we currently don't support single or two digit
// fractions
'sss': datePartGetterFactory(digitCondition('second', 3)),
'EEEE': datePartGetterFactory(nameCondition('weekday', 4)),
'EEE': datePartGetterFactory(nameCondition('weekday', 3)),
'EE': datePartGetterFactory(nameCondition('weekday', 2)),
'E': datePartGetterFactory(nameCondition('weekday', 1)),
'a': hourClockExtractor(datePartGetterFactory(hour12Modify(digitCondition('hour', 1), true))),
'Z': timeZoneGetter('short'),
'z': timeZoneGetter('long'),
'ww': datePartGetterFactory({}),
// first Thursday of the year. not support ?
'w': datePartGetterFactory({}),
// of the year not support ?
'G': datePartGetterFactory(nameCondition('era', 1)),
'GG': datePartGetterFactory(nameCondition('era', 2)),
'GGG': datePartGetterFactory(nameCondition('era', 3)),
'GGGG': datePartGetterFactory(nameCondition('era', 4))
};
/**
* @param {?} inner
* @return {?}
*/
function digitModifier(inner) {
return function (date, locale) {
var /** @type {?} */ result = inner(date, locale);
return result.length == 1 ? '0' + result : result;
};
}
/**
* @param {?} inner
* @return {?}
*/
function hourClockExtractor(inner) {
return function (date, locale) { return inner(date, locale).split(' ')[1]; };
}
/**
* @param {?} inner
* @return {?}
*/
function hourExtractor(inner) {
return function (date, locale) { return inner(date, locale).split(' ')[0]; };
}
/**
* @param {?} date
* @param {?} locale
* @param {?} options
* @return {?}
*/
function intlDateFormat(date, locale, options) {
return new Intl.DateTimeFormat(locale, options).format(date).replace(/[\u200e\u200f]/g, '');
}
/**
* @param {?} timezone
* @return {?}
*/
function timeZoneGetter(timezone) {
// To workaround `Intl` API restriction for single timezone let format with 24 hours
var /** @type {?} */ options = { hour: '2-digit', hour12: false, timeZoneName: timezone };
return function (date, locale) {
var /** @type {?} */ result = intlDateFormat(date, locale, options);
// Then extract first 3 letters that related to hours
return result ? result.substring(3) : '';
};
}
/**
* @param {?} options
* @param {?} value
* @return {?}
*/
function hour12Modify(options, value) {
options.hour12 = value;
return options;
}
/**
* @param {?} prop
* @param {?} len
* @return {?}
*/
function digitCondition(prop, len) {
var /** @type {?} */ result = {};
result[prop] = len === 2 ? '2-digit' : 'numeric';
return result;
}
/**
* @param {?} prop
* @param {?} len
* @return {?}
*/
function nameCondition(prop, len) {
var /** @type {?} */ result = {};
if (len < 4) {
result[prop] = len > 1 ? 'short' : 'narrow';
}
else {
result[prop] = 'long';
}
return result;
}
/**
* @param {?} options
* @return {?}
*/
function combine(options) {
return ((Object)).assign.apply(((Object)), [{}].concat(options));
}
/**
* @param {?} ret
* @return {?}
*/
function datePartGetterFactory(ret) {
return function (date, locale) { return intlDateFormat(date, locale, ret); };
}
var DATE_FORMATTER_CACHE = new Map();
/**
* @param {?} format
* @param {?} date
* @param {?} locale
* @return {?}
*/
function dateFormatter(format, date, locale) {
var /** @type {?} */ fn = PATTERN_ALIASES[format];
if (fn)
return fn(date, locale);
var /** @type {?} */ cacheKey = format;
var /** @type {?} */ parts = DATE_FORMATTER_CACHE.get(cacheKey);
if (!parts) {
parts = [];
var /** @type {?} */ match = void 0;
DATE_FORMATS_SPLIT.exec(format);
while (format) {
match = DATE_FORMATS_SPLIT.exec(format);
if (match) {
parts = parts.concat(match.slice(1));
format = parts.pop();
}
else {
parts.push(format);
format = null;
}
}
DATE_FORMATTER_CACHE.set(cacheKey, parts);
}
return parts.reduce(function (text, part) {
var /** @type {?} */ fn = DATE_FORMATS[part];
return text + (fn ? fn(date, locale) : partToTime(part));
}, '');
}
/**
* @param {?} part
* @return {?}
*/
function partToTime(part) {
return part === '\'\'' ? '\'' : part.replace(/(^'|'$)/g, '').replace(/''/g, '\'');
}
var DateFormatter = (function () {
function DateFormatter() {
}
/**
* @param {?} date
* @param {?} locale
* @param {?} pattern
* @return {?}
*/
DateFormatter.format = function (date, locale, pattern) {
return dateFormatter(pattern, date, locale);
};
return DateFormatter;
}());
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var _NUMBER_FORMAT_REGEXP = /^(\d+)?\.((\d+)(-(\d+))?)?$/;
/**
* @param {?} pipe
* @param {?} locale
* @param {?} value
* @param {?} style
* @param {?} digits
* @param {?=} currency
* @param {?=} currencyAsSymbol
* @return {?}
*/
function formatNumber(pipe, locale, value, style$$1, digits, currency, currencyAsSymbol) {
if (currency === void 0) { currency = null; }
if (currencyAsSymbol === void 0) { currencyAsSymbol = false; }
if (value == null)
return null;
// Convert strings to numbers
value = typeof value === 'string' && isNumeric(value) ? +value : value;
if (typeof value !== 'number') {
throw invalidPipeArgumentError(pipe, value);
}
var /** @type {?} */ minInt;
var /** @type {?} */ minFraction;
var /** @type {?} */ maxFraction;
if (style$$1 !== NumberFormatStyle.Currency) {
// rely on Intl default for currency
minInt = 1;
minFraction = 0;
maxFraction = 3;
}
if (digits) {
var /** @type {?} */ parts = digits.match(_NUMBER_FORMAT_REGEXP);
if (parts === null) {
throw new Error(digits + " is not a valid digit info for number pipes");
}
if (parts[1] != null) {
minInt = parseIntAutoRadix(parts[1]);
}
if (parts[3] != null) {
minFraction = parseIntAutoRadix(parts[3]);
}
if (parts[5] != null) {
maxFraction = parseIntAutoRadix(parts[5]);
}
}
return NumberFormatter.format(/** @type {?} */ (value), locale, style$$1, {
minimumIntegerDigits: minInt,
minimumFractionDigits: minFraction,
maximumFractionDigits: maxFraction,
currency: currency,
currencyAsSymbol: currencyAsSymbol,
});
}
/**
* \@ngModule CommonModule
* \@whatItDoes Formats a number according to locale rules.
* \@howToUse `number_expression | number[:digitInfo]`
*
* Formats a number as text. Group sizing and separator and other locale-specific
* configurations are based on the active locale.
*
* where `expression` is a number:
* - `digitInfo` is a `string` which has a following format: <br>
* <code>{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}</code>
* - `minIntegerDigits` is the minimum number of integer digits to use. Defaults to `1`.
* - `minFractionDigits` is the minimum number of digits after fraction. Defaults to `0`.
* - `maxFractionDigits` is the maximum number of digits after fraction. Defaults to `3`.
*
* For more information on the acceptable range for each of these numbers and other
* details see your native internationalization library.
*
* WARNING: this pipe uses the Internationalization API which is not yet available in all browsers
* and may require a polyfill. See {\@linkDocs guide/browser-support} for details.
*
* ### Example
*
* {\@example common/pipes/ts/number_pipe.ts region='NumberPipe'}
*
* \@stable
*/
var DecimalPipe = (function () {
/**
* @param {?} _locale
*/
function DecimalPipe(_locale) {
this._locale = _locale;
}
/**
* @param {?} value
* @param {?=} digits
* @return {?}
*/
DecimalPipe.prototype.transform = function (value, digits) {
if (digits === void 0) { digits = null; }
return formatNumber(DecimalPipe, this._locale, value, NumberFormatStyle.Decimal, digits);
};
return DecimalPipe;
}());
DecimalPipe.decorators = [
{ type: Pipe, args: [{ name: 'number' },] },
];
/**
* @nocollapse
*/
DecimalPipe.ctorParameters = function () { return [
{ type: undefined, decorators: [{ type: Inject, args: [LOCALE_ID,] },] },
]; };
/**
* \@ngModule CommonModule
* \@whatItDoes Formats a number as a percentage according to locale rules.
* \@howToUse `number_expression | percent[:digitInfo]`
*
* \@description
*
* Formats a number as percentage.
*
* - `digitInfo` See {\@link DecimalPipe} for detailed description.
*
* WARNING: this pipe uses the Internationalization API which is not yet available in all browsers
* and may require a polyfill. See {\@linkDocs guide/browser-support} for details.
*
* ### Example
*
* {\@example common/pipes/ts/number_pipe.ts region='PercentPipe'}
*
* \@stable
*/
var PercentPipe = (function () {
/**
* @param {?} _locale
*/
function PercentPipe(_locale) {
this._locale = _locale;
}
/**
* @param {?} value
* @param {?=} digits
* @return {?}
*/
PercentPipe.prototype.transform = function (value, digits) {
if (digits === void 0) { digits = null; }
return formatNumber(PercentPipe, this._locale, value, NumberFormatStyle.Percent, digits);
};
return PercentPipe;
}());
PercentPipe.decorators = [
{ type: Pipe, args: [{ name: 'percent' },] },
];
/**
* @nocollapse
*/
PercentPipe.ctorParameters = function () { return [
{ type: undefined, decorators: [{ type: Inject, args: [LOCALE_ID,] },] },
]; };
/**
* \@ngModule CommonModule
* \@whatItDoes Formats a number as currency using locale rules.
* \@howToUse `number_expression | currency[:currencyCode[:symbolDisplay[:digitInfo]]]`
* \@description
*
* Use `currency` to format a number as currency.
*
* - `currencyCode` is the [ISO 4217](https://en.wikipedia.org/wiki/ISO_4217) currency code, such
* as `USD` for the US dollar and `EUR` for the euro.
* - `symbolDisplay` is a boolean indicating whether to use the currency symbol or code.
* - `true`: use symbol (e.g. `$`).
* - `false`(default): use code (e.g. `USD`).
* - `digitInfo` See {\@link DecimalPipe} for detailed description.
*
* WARNING: this pipe uses the Internationalization API which is not yet available in all browsers
* and may require a polyfill. See {\@linkDocs guide/browser-support} for details.
*
* ### Example
*
* {\@example common/pipes/ts/number_pipe.ts region='CurrencyPipe'}
*
* \@stable
*/
var CurrencyPipe = (function () {
/**
* @param {?} _locale
*/
function CurrencyPipe(_locale) {
this._locale = _locale;
}
/**
* @param {?} value
* @param {?=} currencyCode
* @param {?=} symbolDisplay
* @param {?=} digits
* @return {?}
*/
CurrencyPipe.prototype.transform = function (value, currencyCode, symbolDisplay, digits) {
if (currencyCode === void 0) { currencyCode = 'USD'; }
if (symbolDisplay === void 0) { symbolDisplay = false; }
if (digits === void 0) { digits = null; }
return formatNumber(CurrencyPipe, this._locale, value, NumberFormatStyle.Currency, digits, currencyCode, symbolDisplay);
};
return CurrencyPipe;
}());
CurrencyPipe.decorators = [
{ type: Pipe, args: [{ name: 'currency' },] },
];
/**
* @nocollapse
*/
CurrencyPipe.ctorParameters = function () { return [
{ type: undefined, decorators: [{ type: Inject, args: [LOCALE_ID,] },] },
]; };
/**
* @param {?} text
* @return {?}
*/
function parseIntAutoRadix(text) {
var /** @type {?} */ result = parseInt(text);
if (isNaN(result)) {
throw new Error('Invalid integer literal when parsing ' + text);
}
return result;
}
/**
* @param {?} value
* @return {?}
*/
function isNumeric(value) {
return !isNaN(value - parseFloat(value));
}
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var ISO8601_DATE_REGEX = /^(\d{4})-?(\d\d)-?(\d\d)(?:T(\d\d)(?::?(\d\d)(?::?(\d\d)(?:\.(\d+))?)?)?(Z|([+-])(\d\d):?(\d\d))?)?$/;
/**
* \@ngModule CommonModule
* \@whatItDoes Formats a date according to locale rules.
* \@howToUse `date_expression | date[:format]`
* \@description
*
* Where:
* - `expression` is a date object or a number (milliseconds since UTC epoch) or an ISO string
* (https://www.w3.org/TR/NOTE-datetime).
* - `format` indicates which date/time components to include. The format can be predefined as
* shown below or custom as shown in the table.
* - `'medium'`: equivalent to `'yMMMdjms'` (e.g. `Sep 3, 2010, 12:05:08 PM` for `en-US`)
* - `'short'`: equivalent to `'yMdjm'` (e.g. `9/3/2010, 12:05 PM` for `en-US`)
* - `'fullDate'`: equivalent to `'yMMMMEEEEd'` (e.g. `Friday, September 3, 2010` for `en-US`)
* - `'longDate'`: equivalent to `'yMMMMd'` (e.g. `September 3, 2010` for `en-US`)
* - `'mediumDate'`: equivalent to `'yMMMd'` (e.g. `Sep 3, 2010` for `en-US`)
* - `'shortDate'`: equivalent to `'yMd'` (e.g. `9/3/2010` for `en-US`)
* - `'mediumTime'`: equivalent to `'jms'` (e.g. `12:05:08 PM` for `en-US`)
* - `'shortTime'`: equivalent to `'jm'` (e.g. `12:05 PM` for `en-US`)
*
*
* | Component | Symbol | Narrow | Short Form | Long Form | Numeric | 2-digit |
* |-----------|:------:|--------|--------------|-------------------|-----------|-----------|
* | era | G | G (A) | GGG (AD) | GGGG (Anno Domini)| - | - |
* | year | y | - | - | - | y (2015) | yy (15) |
* | month | M | L (S) | MMM (Sep) | MMMM (September) | M (9) | MM (09) |
* | day | d | - | - | - | d (3) | dd (03) |
* | weekday | E | E (S) | EEE (Sun) | EEEE (Sunday) | - | - |
* | hour | j | - | - | - | j (13) | jj (13) |
* | hour12 | h | - | - | - | h (1 PM) | hh (01 PM)|
* | hour24 | H | - | - | - | H (13) | HH (13) |
* | minute | m | - | - | - | m (5) | mm (05) |
* | second | s | - | - | - | s (9) | ss (09) |
* | timezone | z | - | - | z (Pacific Standard Time)| - | - |
* | timezone | Z | - | Z (GMT-8:00) | - | - | - |
* | timezone | a | - | a (PM) | - | - | - |
*
* In javascript, only the components specified will be respected (not the ordering,
* punctuations, ...) and details of the formatting will be dependent on the locale.
*
* Timezone of the formatted text will be the local system timezone of the end-user's machine.
*
* When the expression is a ISO string without time (e.g. 2016-09-19) the time zone offset is not
* applied and the formatted text will have the same day, month and year of the expression.
*
* WARNINGS:
* - this pipe is marked as pure hence it will not be re-evaluated when the input is mutated.
* Instead users should treat the date as an immutable object and change the reference when the
* pipe needs to re-run (this is to avoid reformatting the date on every change detection run
* which would be an expensive operation).
* - this pipe uses the Internationalization API. Therefore it is only reliable in Chrome and Opera
* browsers.
*
* ### Examples
*
* Assuming `dateObj` is (year: 2015, month: 6, day: 15, hour: 21, minute: 43, second: 11)
* in the _local_ time and locale is 'en-US':
*
* ```
* {{ dateObj | date }} // output is 'Jun 15, 2015'
* {{ dateObj | date:'medium' }} // output is 'Jun 15, 2015, 9:43:11 PM'
* {{ dateObj | date:'shortTime' }} // output is '9:43 PM'
* {{ dateObj | date:'mmss' }} // output is '43:11'
* ```
*
* {\@example common/pipes/ts/date_pipe.ts region='DatePipe'}
*
* \@stable
*/
var DatePipe = (function () {
/**
* @param {?} _locale
*/
function DatePipe(_locale) {
this._locale = _locale;
}
/**
* @param {?} value
* @param {?=} pattern
* @return {?}
*/
DatePipe.prototype.transform = function (value, pattern) {
if (pattern === void 0) { pattern = 'mediumDate'; }
var /** @type {?} */ date;
if (isBlank(value) || value !== value)
return null;
if (typeof value === 'string') {
value = value.trim();
}
if (isDate(value)) {
date = value;
}
else if (isNumeric(value)) {
date = new Date(parseFloat(value));
}
else if (typeof value === 'string' && /^(\d{4}-\d{1,2}-\d{1,2})$/.test(value)) {
/**
* For ISO Strings without time the day, month and year must be extracted from the ISO String
* before Date creation to avoid time offset and errors in the new Date.
* If we only replace '-' with ',' in the ISO String ("2015,01,01"), and try to create a new
* date, some browsers (e.g. IE 9) will throw an invalid Date error
* If we leave the '-' ("2015-01-01") and try to create a new Date("2015-01-01") the timeoffset
* is applied
* Note: ISO months are 0 for January, 1 for February, ...
*/
var _a = value.split('-').map(function (val) { return parseInt(val, 10); }), y = _a[0], m = _a[1], d = _a[2];
date = new Date(y, m - 1, d);
}
else {
date = new Date(value);
}
if (!isDate(date)) {
var /** @type {?} */ match = void 0;
if ((typeof value === 'string') && (match = value.match(ISO8601_DATE_REGEX))) {
date = isoStringToDate(match);
}
else {
throw invalidPipeArgumentError(DatePipe, value);
}
}
return DateFormatter.format(date, this._locale, DatePipe._ALIASES[pattern] || pattern);
};
return DatePipe;
}());
/**
* \@internal
*/
DatePipe._ALIASES = {
'medium': 'yMMMdjms',
'short': 'yMdjm',
'fullDate': 'yMMMMEEEEd',
'longDate': 'yMMMMd',
'mediumDate': 'yMMMd',
'shortDate': 'yMd',
'mediumTime': 'jms',
'shortTime': 'jm'
};
DatePipe.decorators = [
{ type: Pipe, args: [{ name: 'date', pure: true },] },
];
/**
* @nocollapse
*/
DatePipe.ctorParameters = function () { return [
{ type: undefined, decorators: [{ type: Inject, args: [LOCALE_ID,] },] },
]; };
/**
* @param {?} obj
* @return {?}
*/
function isBlank(obj) {
return obj == null || obj === '';
}
/**
* @param {?} obj
* @return {?}
*/
function isDate(obj) {
return obj instanceof Date && !isNaN(obj.valueOf());
}
/**
* @param {?} match
* @return {?}
*/
function isoStringToDate(match) {
var /** @type {?} */ date = new Date(0);
var /** @type {?} */ tzHour = 0;
var /** @type {?} */ tzMin = 0;
var /** @type {?} */ dateSetter = match[8] ? date.setUTCFullYear : date.setFullYear;
var /** @type {?} */ timeSetter = match[8] ? date.setUTCHours : date.setHours;
if (match[9]) {
tzHour = toInt(match[9] + match[10]);
tzMin = toInt(match[9] + match[11]);
}
dateSetter.call(date, toInt(match[1]), toInt(match[2]) - 1, toInt(match[3]));
var /** @type {?} */ h = toInt(match[4] || '0') - tzHour;
var /** @type {?} */ m = toInt(match[5] || '0') - tzMin;
var /** @type {?} */ s = toInt(match[6] || '0');
var /** @type {?} */ ms = Math.round(parseFloat('0.' + (match[7] || 0)) * 1000);
timeSetter.call(date, h, m, s, ms);
return date;
}
/**
* @param {?} str
* @return {?}
*/
function toInt(str) {
return parseInt(str, 10);
}
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var _INTERPOLATION_REGEXP = /#/g;
/**
* \@ngModule CommonModule
* \@whatItDoes Maps a value to a string that pluralizes the value according to locale rules.
* \@howToUse `expression | i18nPlural:mapping`
* \@description
*
* Where:
* - `expression` is a number.
* - `mapping` is an object that mimics the ICU format, see
* http://userguide.icu-project.org/formatparse/messages
*
* ## Example
*
* {\@example common/pipes/ts/i18n_pipe.ts region='I18nPluralPipeComponent'}
*
* \@experimental
*/
var I18nPluralPipe = (function () {
/**
* @param {?} _localization
*/
function I18nPluralPipe(_localization) {
this._localization = _localization;
}
/**
* @param {?} value
* @param {?} pluralMap
* @return {?}
*/
I18nPluralPipe.prototype.transform = function (value, pluralMap) {
if (value == null)
return '';
if (typeof pluralMap !== 'object' || pluralMap === null) {
throw invalidPipeArgumentError(I18nPluralPipe, pluralMap);
}
var /** @type {?} */ key = getPluralCategory(value, Object.keys(pluralMap), this._localization);
return pluralMap[key].replace(_INTERPOLATION_REGEXP, value.toString());
};
return I18nPluralPipe;
}());
I18nPluralPipe.decorators = [
{ type: Pipe, args: [{ name: 'i18nPlural', pure: true },] },
];
/**
* @nocollapse
*/
I18nPluralPipe.ctorParameters = function () { return [
{ type: NgLocalization, },
]; };
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* \@ngModule CommonModule
* \@whatItDoes Generic selector that displays the string that matches the current value.
* \@howToUse `expression | i18nSelect:mapping`
* \@description
*
* Where `mapping` is an object that indicates the text that should be displayed
* for different values of the provided `expression`.
* If none of the keys of the mapping match the value of the `expression`, then the content
* of the `other` key is returned when present, otherwise an empty string is returned.
*
* ## Example
*
* {\@example common/pipes/ts/i18n_pipe.ts region='I18nSelectPipeComponent'}
*
* \@experimental
*/
var I18nSelectPipe = (function () {
function I18nSelectPipe() {
}
/**
* @param {?} value
* @param {?} mapping
* @return {?}
*/
I18nSelectPipe.prototype.transform = function (value, mapping) {
if (value == null)
return '';
if (typeof mapping !== 'object' || typeof value !== 'string') {
throw invalidPipeArgumentError(I18nSelectPipe, mapping);
}
if (mapping.hasOwnProperty(value)) {
return mapping[value];
}
if (mapping.hasOwnProperty('other')) {
return mapping['other'];
}
return '';
};
return I18nSelectPipe;
}());
I18nSelectPipe.decorators = [
{ type: Pipe, args: [{ name: 'i18nSelect', pure: true },] },
];
/**
* @nocollapse
*/
I18nSelectPipe.ctorParameters = function () { return []; };
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* \@ngModule CommonModule
* \@whatItDoes Converts value into JSON string.
* \@howToUse `expression | json`
* \@description
*
* Converts value into string using `JSON.stringify`. Useful for debugging.
*
* ### Example
* {\@example common/pipes/ts/json_pipe.ts region='JsonPipe'}
*
* \@stable
*/
var JsonPipe = (function () {
function JsonPipe() {
}
/**
* @param {?} value
* @return {?}
*/
JsonPipe.prototype.transform = function (value) { return JSON.stringify(value, null, 2); };
return JsonPipe;
}());
JsonPipe.decorators = [
{ type: Pipe, args: [{ name: 'json', pure: false },] },
];
/**
* @nocollapse
*/
JsonPipe.ctorParameters = function () { return []; };
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* \@ngModule CommonModule
* \@whatItDoes Creates a new List or String containing a subset (slice) of the elements.
* \@howToUse `array_or_string_expression | slice:start[:end]`
* \@description
*
* Where the input expression is a `List` or `String`, and:
* - `start`: The starting index of the subset to return.
* - **a positive integer**: return the item at `start` index and all items after
* in the list or string expression.
* - **a negative integer**: return the item at `start` index from the end and all items after
* in the list or string expression.
* - **if positive and greater than the size of the expression**: return an empty list or string.
* - **if negative and greater than the size of the expression**: return entire list or string.
* - `end`: The ending index of the subset to return.
* - **omitted**: return all items until the end.
* - **if positive**: return all items before `end` index of the list or string.
* - **if negative**: return all items before `end` index from the end of the list or string.
*
* All behavior is based on the expected behavior of the JavaScript API `Array.prototype.slice()`
* and `String.prototype.slice()`.
*
* When operating on a [List], the returned list is always a copy even when all
* the elements are being returned.
*
* When operating on a blank value, the pipe returns the blank value.
*
* ## List Example
*
* This `ngFor` example:
*
* {\@example common/pipes/ts/slice_pipe.ts region='SlicePipe_list'}
*
* produces the following:
*
* <li>b</li>
* <li>c</li>
*
* ## String Examples
*
* {\@example common/pipes/ts/slice_pipe.ts region='SlicePipe_string'}
*
* \@stable
*/
var SlicePipe = (function () {
function SlicePipe() {
}
/**
* @param {?} value
* @param {?} start
* @param {?=} end
* @return {?}
*/
SlicePipe.prototype.transform = function (value, start, end) {
if (value == null)
return value;
if (!this.supports(value)) {
throw invalidPipeArgumentError(SlicePipe, value);
}
return value.slice(start, end);
};
/**
* @param {?} obj
* @return {?}
*/
SlicePipe.prototype.supports = function (obj) { return typeof obj === 'string' || Array.isArray(obj); };
return SlicePipe;
}());
SlicePipe.decorators = [
{ type: Pipe, args: [{ name: 'slice', pure: false },] },
];
/**
* @nocollapse
*/
SlicePipe.ctorParameters = function () { return []; };
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* @module
* @description
* This module provides a set of common Pipes.
*/
/**
* A collection of Angular pipes that are likely to be used in each and every application.
*/
var COMMON_PIPES = [
AsyncPipe,
UpperCasePipe,
LowerCasePipe,
JsonPipe,
SlicePipe,
DecimalPipe,
PercentPipe,
TitleCasePipe,
CurrencyPipe,
DatePipe,
I18nPluralPipe,
I18nSelectPipe,
];
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* The module that includes all the basic Angular directives like {\@link NgIf}, {\@link NgForOf}, ...
*
* \@stable
*/
var CommonModule = (function () {
function CommonModule() {
}
return CommonModule;
}());
CommonModule.decorators = [
{ type: NgModule, args: [{
declarations: [COMMON_DIRECTIVES, COMMON_PIPES],
exports: [COMMON_DIRECTIVES, COMMON_PIPES],
providers: [
{ provide: NgLocalization, useClass: NgLocaleLocalization },
],
},] },
];
/**
* @nocollapse
*/
CommonModule.ctorParameters = function () { return []; };
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var PLATFORM_BROWSER_ID = 'browser';
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* @module
* @description
* Entry point for all public APIs of the common package.
*/
/**
* \@stable
*/
var VERSION$1 = new Version('4.0.0');
var __extends$14 = (undefined && undefined.__extends) || function (d, b) {
for (var p in b) Eif (b.hasOwnProperty(p)) d[p] = b[p];
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
/**
* @license Angular v4.0.0
* (c) 2010-2017 Google, Inc. https://angular.io/
* License: MIT
*/
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var _DOM = null;
/**
* @return {?}
*/
function getDOM() {
return _DOM;
}
/**
* @param {?} adapter
* @return {?}
*/
/**
* @param {?} adapter
* @return {?}
*/
function setRootDomAdapter(adapter) {
if (!_DOM) {
_DOM = adapter;
}
}
/**
* Provides DOM operations in an environment-agnostic way.
*
* \@security Tread carefully! Interacting with the DOM directly is dangerous and
* can introduce XSS risks.
* @abstract
*/
var DomAdapter = (function () {
function DomAdapter() {
this.resourceLoaderType = null;
}
/**
* @abstract
* @param {?} element
* @param {?} name
* @return {?}
*/
DomAdapter.prototype.hasProperty = function (element, name) { };
/**
* @abstract
* @param {?} el
* @param {?} name
* @param {?} value
* @return {?}
*/
DomAdapter.prototype.setProperty = function (el, name, value) { };
/**
* @abstract
* @param {?} el
* @param {?} name
* @return {?}
*/
DomAdapter.prototype.getProperty = function (el, name) { };
/**
* @abstract
* @param {?} el
* @param {?} methodName
* @param {?} args
* @return {?}
*/
DomAdapter.prototype.invoke = function (el, methodName, args) { };
/**
* @abstract
* @param {?} error
* @return {?}
*/
DomAdapter.prototype.logError = function (error) { };
/**
* @abstract
* @param {?} error
* @return {?}
*/
DomAdapter.prototype.log = function (error) { };
/**
* @abstract
* @param {?} error
* @return {?}
*/
DomAdapter.prototype.logGroup = function (error) { };
/**
* @abstract
* @return {?}
*/
DomAdapter.prototype.logGroupEnd = function () { };
Object.defineProperty(DomAdapter.prototype, "attrToPropMap", {
/**
* Maps attribute names to their corresponding property names for cases
* where attribute name doesn't match property name.
* @return {?}
*/
get: function () { return this._attrToPropMap; },
/**
* @param {?} value
* @return {?}
*/
set: function (value) { this._attrToPropMap = value; },
enumerable: true,
configurable: true
});
/**
* @abstract
* @param {?} nodeA
* @param {?} nodeB
* @return {?}
*/
DomAdapter.prototype.contains = function (nodeA, nodeB) { };
/**
* @abstract
* @param {?} templateHtml
* @return {?}
*/
DomAdapter.prototype.parse = function (templateHtml) { };
/**
* @abstract
* @param {?} el
* @param {?} selector
* @return {?}
*/
DomAdapter.prototype.querySelector = function (el, selector) { };
/**
* @abstract
* @param {?} el
* @param {?} selector
* @return {?}
*/
DomAdapter.prototype.querySelectorAll = function (el, selector) { };
/**
* @abstract
* @param {?} el
* @param {?} evt
* @param {?} listener
* @return {?}
*/
DomAdapter.prototype.on = function (el, evt, listener) { };
/**
* @abstract
* @param {?} el
* @param {?} evt
* @param {?} listener
* @return {?}
*/
DomAdapter.prototype.onAndCancel = function (el, evt, listener) { };
/**
* @abstract
* @param {?} el
* @param {?} evt
* @return {?}
*/
DomAdapter.prototype.dispatchEvent = function (el, evt) { };
/**
* @abstract
* @param {?} eventType
* @return {?}
*/
DomAdapter.prototype.createMouseEvent = function (eventType) { };
/**
* @abstract
* @param {?} eventType
* @return {?}
*/
DomAdapter.prototype.createEvent = function (eventType) { };
/**
* @abstract
* @param {?} evt
* @return {?}
*/
DomAdapter.prototype.preventDefault = function (evt) { };
/**
* @abstract
* @param {?} evt
* @return {?}
*/
DomAdapter.prototype.isPrevented = function (evt) { };
/**
* @abstract
* @param {?} el
* @return {?}
*/
DomAdapter.prototype.getInnerHTML = function (el) { };
/**
* Returns content if el is a <template> element, null otherwise.
* @abstract
* @param {?} el
* @return {?}
*/
DomAdapter.prototype.getTemplateContent = function (el) { };
/**
* @abstract
* @param {?} el
* @return {?}
*/
DomAdapter.prototype.getOuterHTML = function (el) { };
/**
* @abstract
* @param {?} node
* @return {?}
*/
DomAdapter.prototype.nodeName = function (node) { };
/**
* @abstract
* @param {?} node
* @return {?}
*/
DomAdapter.prototype.nodeValue = function (node) { };
/**
* @abstract
* @param {?} node
* @return {?}
*/
DomAdapter.prototype.type = function (node) { };
/**
* @abstract
* @param {?} node
* @return {?}
*/
DomAdapter.prototype.content = function (node) { };
/**
* @abstract
* @param {?} el
* @return {?}
*/
DomAdapter.prototype.firstChild = function (el) { };
/**
* @abstract
* @param {?} el
* @return {?}
*/
DomAdapter.prototype.nextSibling = function (el) { };
/**
* @abstract
* @param {?} el
* @return {?}
*/
DomAdapter.prototype.parentElement = function (el) { };
/**
* @abstract
* @param {?} el
* @return {?}
*/
DomAdapter.prototype.childNodes = function (el) { };
/**
* @abstract
* @param {?} el
* @return {?}
*/
DomAdapter.prototype.childNodesAsList = function (el) { };
/**
* @abstract
* @param {?} el
* @return {?}
*/
DomAdapter.prototype.clearNodes = function (el) { };
/**
* @abstract
* @param {?} el
* @param {?} node
* @return {?}
*/
DomAdapter.prototype.appendChild = function (el, node) { };
/**
* @abstract
* @param {?} el
* @param {?} node
* @return {?}
*/
DomAdapter.prototype.removeChild = function (el, node) { };
/**
* @abstract
* @param {?} el
* @param {?} newNode
* @param {?} oldNode
* @return {?}
*/
DomAdapter.prototype.replaceChild = function (el, newNode, oldNode) { };
/**
* @abstract
* @param {?} el
* @return {?}
*/
DomAdapter.prototype.remove = function (el) { };
/**
* @abstract
* @param {?} parent
* @param {?} ref
* @param {?} node
* @return {?}
*/
DomAdapter.prototype.insertBefore = function (parent, ref, node) { };
/**
* @abstract
* @param {?} parent
* @param {?} ref
* @param {?} nodes
* @return {?}
*/
DomAdapter.prototype.insertAllBefore = function (parent, ref, nodes) { };
/**
* @abstract
* @param {?} parent
* @param {?} el
* @param {?} node
* @return {?}
*/
DomAdapter.prototype.insertAfter = function (parent, el, node) { };
/**
* @abstract
* @param {?} el
* @param {?} value
* @return {?}
*/
DomAdapter.prototype.setInnerHTML = function (el, value) { };
/**
* @abstract
* @param {?} el
* @return {?}
*/
DomAdapter.prototype.getText = function (el) { };
/**
* @abstract
* @param {?} el
* @param {?} value
* @return {?}
*/
DomAdapter.prototype.setText = function (el, value) { };
/**
* @abstract
* @param {?} el
* @return {?}
*/
DomAdapter.prototype.getValue = function (el) { };
/**
* @abstract
* @param {?} el
* @param {?} value
* @return {?}
*/
DomAdapter.prototype.setValue = function (el, value) { };
/**
* @abstract
* @param {?} el
* @return {?}
*/
DomAdapter.prototype.getChecked = function (el) { };
/**
* @abstract
* @param {?} el
* @param {?} value
* @return {?}
*/
DomAdapter.prototype.setChecked = function (el, value) { };
/**
* @abstract
* @param {?} text
* @return {?}
*/
DomAdapter.prototype.createComment = function (text) { };
/**
* @abstract
* @param {?} html
* @return {?}
*/
DomAdapter.prototype.createTemplate = function (html) { };
/**
* @abstract
* @param {?} tagName
* @param {?=} doc
* @return {?}
*/
DomAdapter.prototype.createElement = function (tagName, doc) { };
/**
* @abstract
* @param {?} ns
* @param {?} tagName
* @param {?=} doc
* @return {?}
*/
DomAdapter.prototype.createElementNS = function (ns, tagName, doc) { };
/**
* @abstract
* @param {?} text
* @param {?=} doc
* @return {?}
*/
DomAdapter.prototype.createTextNode = function (text, doc) { };
/**
* @abstract
* @param {?} attrName
* @param {?} attrValue
* @param {?=} doc
* @return {?}
*/
DomAdapter.prototype.createScriptTag = function (attrName, attrValue, doc) { };
/**
* @abstract
* @param {?} css
* @param {?=} doc
* @return {?}
*/
DomAdapter.prototype.createStyleElement = function (css, doc) { };
/**
* @abstract
* @param {?} el
* @return {?}
*/
DomAdapter.prototype.createShadowRoot = function (el) { };
/**
* @abstract
* @param {?} el
* @return {?}
*/
DomAdapter.prototype.getShadowRoot = function (el) { };
/**
* @abstract
* @param {?} el
* @return {?}
*/
DomAdapter.prototype.getHost = function (el) { };
/**
* @abstract
* @param {?} el
* @return {?}
*/
DomAdapter.prototype.getDistributedNodes = function (el) { };
/**
* @abstract
* @param {?} node
* @return {?}
*/
DomAdapter.prototype.clone /*<T extends Node>*/ = function (node) { };
/**
* @abstract
* @param {?} element
* @param {?} name
* @return {?}
*/
DomAdapter.prototype.getElementsByClassName = function (element, name) { };
/**
* @abstract
* @param {?} element
* @param {?} name
* @return {?}
*/
DomAdapter.prototype.getElementsByTagName = function (element, name) { };
/**
* @abstract
* @param {?} element
* @return {?}
*/
DomAdapter.prototype.classList = function (element) { };
/**
* @abstract
* @param {?} element
* @param {?} className
* @return {?}
*/
DomAdapter.prototype.addClass = function (element, className) { };
/**
* @abstract
* @param {?} element
* @param {?} className
* @return {?}
*/
DomAdapter.prototype.removeClass = function (element, className) { };
/**
* @abstract
* @param {?} element
* @param {?} className
* @return {?}
*/
DomAdapter.prototype.hasClass = function (element, className) { };
/**
* @abstract
* @param {?} element
* @param {?} styleName
* @param {?} styleValue
* @return {?}
*/
DomAdapter.prototype.setStyle = function (element, styleName, styleValue) { };
/**
* @abstract
* @param {?} element
* @param {?} styleName
* @return {?}
*/
DomAdapter.prototype.removeStyle = function (element, styleName) { };
/**
* @abstract
* @param {?} element
* @param {?} styleName
* @return {?}
*/
DomAdapter.prototype.getStyle = function (element, styleName) { };
/**
* @abstract
* @param {?} element
* @param {?} styleName
* @param {?=} styleValue
* @return {?}
*/
DomAdapter.prototype.hasStyle = function (element, styleName, styleValue) { };
/**
* @abstract
* @param {?} element
* @return {?}
*/
DomAdapter.prototype.tagName = function (element) { };
/**
* @abstract
* @param {?} element
* @return {?}
*/
DomAdapter.prototype.attributeMap = function (element) { };
/**
* @abstract
* @param {?} element
* @param {?} attribute
* @return {?}
*/
DomAdapter.prototype.hasAttribute = function (element, attribute) { };
/**
* @abstract
* @param {?} element
* @param {?} ns
* @param {?} attribute
* @return {?}
*/
DomAdapter.prototype.hasAttributeNS = function (element, ns, attribute) { };
/**
* @abstract
* @param {?} element
* @param {?} attribute
* @return {?}
*/
DomAdapter.prototype.getAttribute = function (element, attribute) { };
/**
* @abstract
* @param {?} element
* @param {?} ns
* @param {?} attribute
* @return {?}
*/
DomAdapter.prototype.getAttributeNS = function (element, ns, attribute) { };
/**
* @abstract
* @param {?} element
* @param {?} name
* @param {?} value
* @return {?}
*/
DomAdapter.prototype.setAttribute = function (element, name, value) { };
/**
* @abstract
* @param {?} element
* @param {?} ns
* @param {?} name
* @param {?} value
* @return {?}
*/
DomAdapter.prototype.setAttributeNS = function (element, ns, name, value) { };
/**
* @abstract
* @param {?} element
* @param {?} attribute
* @return {?}
*/
DomAdapter.prototype.removeAttribute = function (element, attribute) { };
/**
* @abstract
* @param {?} element
* @param {?} ns
* @param {?} attribute
* @return {?}
*/
DomAdapter.prototype.removeAttributeNS = function (element, ns, attribute) { };
/**
* @abstract
* @param {?} el
* @return {?}
*/
DomAdapter.prototype.templateAwareRoot = function (el) { };
/**
* @abstract
* @return {?}
*/
DomAdapter.prototype.createHtmlDocument = function () { };
/**
* @abstract
* @param {?} el
* @return {?}
*/
DomAdapter.prototype.getBoundingClientRect = function (el) { };
/**
* @abstract
* @param {?} doc
* @return {?}
*/
DomAdapter.prototype.getTitle = function (doc) { };
/**
* @abstract
* @param {?} doc
* @param {?} newTitle
* @return {?}
*/
DomAdapter.prototype.setTitle = function (doc, newTitle) { };
/**
* @abstract
* @param {?} n
* @param {?} selector
* @return {?}
*/
DomAdapter.prototype.elementMatches = function (n, selector) { };
/**
* @abstract
* @param {?} el
* @return {?}
*/
DomAdapter.prototype.isTemplateElement = function (el) { };
/**
* @abstract
* @param {?} node
* @return {?}
*/
DomAdapter.prototype.isTextNode = function (node) { };
/**
* @abstract
* @param {?} node
* @return {?}
*/
DomAdapter.prototype.isCommentNode = function (node) { };
/**
* @abstract
* @param {?} node
* @return {?}
*/
DomAdapter.prototype.isElementNode = function (node) { };
/**
* @abstract
* @param {?} node
* @return {?}
*/
DomAdapter.prototype.hasShadowRoot = function (node) { };
/**
* @abstract
* @param {?} node
* @return {?}
*/
DomAdapter.prototype.isShadowRoot = function (node) { };
/**
* @abstract
* @param {?} node
* @return {?}
*/
DomAdapter.prototype.importIntoDoc /*<T extends Node>*/ = function (node) { };
/**
* @abstract
* @param {?} node
* @return {?}
*/
DomAdapter.prototype.adoptNode /*<T extends Node>*/ = function (node) { };
/**
* @abstract
* @param {?} element
* @return {?}
*/
DomAdapter.prototype.getHref = function (element) { };
/**
* @abstract
* @param {?} event
* @return {?}
*/
DomAdapter.prototype.getEventKey = function (event) { };
/**
* @abstract
* @param {?} element
* @param {?} baseUrl
* @param {?} href
* @return {?}
*/
DomAdapter.prototype.resolveAndSetHref = function (element, baseUrl, href) { };
/**
* @abstract
* @return {?}
*/
DomAdapter.prototype.supportsDOMEvents = function () { };
/**
* @abstract
* @return {?}
*/
DomAdapter.prototype.supportsNativeShadowDOM = function () { };
/**
* @abstract
* @param {?} doc
* @param {?} target
* @return {?}
*/
DomAdapter.prototype.getGlobalEventTarget = function (doc, target) { };
/**
* @abstract
* @return {?}
*/
DomAdapter.prototype.getHistory = function () { };
/**
* @abstract
* @return {?}
*/
DomAdapter.prototype.getLocation = function () { };
/**
* @abstract
* @param {?} doc
* @return {?}
*/
DomAdapter.prototype.getBaseHref = function (doc) { };
/**
* @abstract
* @return {?}
*/
DomAdapter.prototype.resetBaseElement = function () { };
/**
* @abstract
* @return {?}
*/
DomAdapter.prototype.getUserAgent = function () { };
/**
* @abstract
* @param {?} element
* @param {?} name
* @param {?} value
* @return {?}
*/
DomAdapter.prototype.setData = function (element, name, value) { };
/**
* @abstract
* @param {?} element
* @return {?}
*/
DomAdapter.prototype.getComputedStyle = function (element) { };
/**
* @abstract
* @param {?} element
* @param {?} name
* @return {?}
*/
DomAdapter.prototype.getData = function (element, name) { };
/**
* @abstract
* @param {?} name
* @param {?} value
* @return {?}
*/
DomAdapter.prototype.setGlobalVar = function (name, value) { };
/**
* @abstract
* @return {?}
*/
DomAdapter.prototype.supportsWebAnimation = function () { };
/**
* @abstract
* @return {?}
*/
DomAdapter.prototype.performanceNow = function () { };
/**
* @abstract
* @return {?}
*/
DomAdapter.prototype.getAnimationPrefix = function () { };
/**
* @abstract
* @return {?}
*/
DomAdapter.prototype.getTransitionEnd = function () { };
/**
* @abstract
* @return {?}
*/
DomAdapter.prototype.supportsAnimation = function () { };
/**
* @abstract
* @return {?}
*/
DomAdapter.prototype.supportsCookies = function () { };
/**
* @abstract
* @param {?} name
* @return {?}
*/
DomAdapter.prototype.getCookie = function (name) { };
/**
* @abstract
* @param {?} name
* @param {?} value
* @return {?}
*/
DomAdapter.prototype.setCookie = function (name, value) { };
return DomAdapter;
}());
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* Provides DOM operations in any browser environment.
*
* \@security Tread carefully! Interacting with the DOM directly is dangerous and
* can introduce XSS risks.
* @abstract
*/
var GenericBrowserDomAdapter = (function (_super) {
__extends$14(GenericBrowserDomAdapter, _super);
function GenericBrowserDomAdapter() {
var _this = _super.call(this) || this;
_this._animationPrefix = null;
_this._transitionEnd = null;
try {
var element_1 = _this.createElement('div', document);
if (_this.getStyle(element_1, 'animationName') != null) {
_this._animationPrefix = '';
}
else {
var domPrefixes = ['Webkit', 'Moz', 'O', 'ms'];
for (var i = 0; i < domPrefixes.length; i++) {
if (_this.getStyle(element_1, domPrefixes[i] + 'AnimationName') != null) {
_this._animationPrefix = '-' + domPrefixes[i].toLowerCase() + '-';
break;
}
}
}
var transEndEventNames_1 = {
WebkitTransition: 'webkitTransitionEnd',
MozTransition: 'transitionend',
OTransition: 'oTransitionEnd otransitionend',
transition: 'transitionend'
};
Object.keys(transEndEventNames_1).forEach(function (key) {
if (_this.getStyle(element_1, key) != null) {
_this._transitionEnd = transEndEventNames_1[key];
}
});
}
catch (e) {
_this._animationPrefix = null;
_this._transitionEnd = null;
}
return _this;
}
/**
* @param {?} el
* @return {?}
*/
GenericBrowserDomAdapter.prototype.getDistributedNodes = function (el) { return ((el)).getDistributedNodes(); };
/**
* @param {?} el
* @param {?} baseUrl
* @param {?} href
* @return {?}
*/
GenericBrowserDomAdapter.prototype.resolveAndSetHref = function (el, baseUrl, href) {
el.href = href == null ? baseUrl : baseUrl + '/../' + href;
};
/**
* @return {?}
*/
GenericBrowserDomAdapter.prototype.supportsDOMEvents = function () { return true; };
/**
* @return {?}
*/
GenericBrowserDomAdapter.prototype.supportsNativeShadowDOM = function () {
return typeof ((document.body)).createShadowRoot === 'function';
};
/**
* @return {?}
*/
GenericBrowserDomAdapter.prototype.getAnimationPrefix = function () { return this._animationPrefix ? this._animationPrefix : ''; };
/**
* @return {?}
*/
GenericBrowserDomAdapter.prototype.getTransitionEnd = function () { return this._transitionEnd ? this._transitionEnd : ''; };
/**
* @return {?}
*/
GenericBrowserDomAdapter.prototype.supportsAnimation = function () {
return this._animationPrefix != null && this._transitionEnd != null;
};
return GenericBrowserDomAdapter;
}(DomAdapter));
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var _attrToPropMap = {
'class': 'className',
'innerHtml': 'innerHTML',
'readonly': 'readOnly',
'tabindex': 'tabIndex',
};
var DOM_KEY_LOCATION_NUMPAD = 3;
// Map to convert some key or keyIdentifier values to what will be returned by getEventKey
var _keyMap = {
// The following values are here for cross-browser compatibility and to match the W3C standard
// cf http://www.w3.org/TR/DOM-Level-3-Events-key/
'\b': 'Backspace',
'\t': 'Tab',
'\x7F': 'Delete',
'\x1B': 'Escape',
'Del': 'Delete',
'Esc': 'Escape',
'Left': 'ArrowLeft',
'Right': 'ArrowRight',
'Up': 'ArrowUp',
'Down': 'ArrowDown',
'Menu': 'ContextMenu',
'Scroll': 'ScrollLock',
'Win': 'OS'
};
// There is a bug in Chrome for numeric keypad keys:
// https://code.google.com/p/chromium/issues/detail?id=155654
// 1, 2, 3 ... are reported as A, B, C ...
var _chromeNumKeyPadMap = {
'A': '1',
'B': '2',
'C': '3',
'D': '4',
'E': '5',
'F': '6',
'G': '7',
'H': '8',
'I': '9',
'J': '*',
'K': '+',
'M': '-',
'N': '.',
'O': '/',
'\x60': '0',
'\x90': 'NumLock'
};
var nodeContains;
Iif (_global['Node']) {
nodeContains = _global['Node'].prototype.contains || function (node) {
return !!(this.compareDocumentPosition(node) & 16);
};
}
var BrowserDomAdapter = (function (_super) {
__extends$14(BrowserDomAdapter, _super);
function BrowserDomAdapter() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @param {?} templateHtml
* @return {?}
*/
BrowserDomAdapter.prototype.parse = function (templateHtml) { throw new Error('parse not implemented'); };
/**
* @return {?}
*/
BrowserDomAdapter.makeCurrent = function () { setRootDomAdapter(new BrowserDomAdapter()); };
/**
* @param {?} element
* @param {?} name
* @return {?}
*/
BrowserDomAdapter.prototype.hasProperty = function (element, name) { return name in element; };
/**
* @param {?} el
* @param {?} name
* @param {?} value
* @return {?}
*/
BrowserDomAdapter.prototype.setProperty = function (el, name, value) { ((el))[name] = value; };
/**
* @param {?} el
* @param {?} name
* @return {?}
*/
BrowserDomAdapter.prototype.getProperty = function (el, name) { return ((el))[name]; };
/**
* @param {?} el
* @param {?} methodName
* @param {?} args
* @return {?}
*/
BrowserDomAdapter.prototype.invoke = function (el, methodName, args) { ((el))[methodName].apply(((el)), args); };
/**
* @param {?} error
* @return {?}
*/
BrowserDomAdapter.prototype.logError = function (error) {
if (window.console) {
if (console.error) {
console.error(error);
}
else {
console.log(error);
}
}
};
/**
* @param {?} error
* @return {?}
*/
BrowserDomAdapter.prototype.log = function (error) {
if (window.console) {
window.console.log && window.console.log(error);
}
};
/**
* @param {?} error
* @return {?}
*/
BrowserDomAdapter.prototype.logGroup = function (error) {
if (window.console) {
window.console.group && window.console.group(error);
}
};
/**
* @return {?}
*/
BrowserDomAdapter.prototype.logGroupEnd = function () {
if (window.console) {
window.console.groupEnd && window.console.groupEnd();
}
};
Object.defineProperty(BrowserDomAdapter.prototype, "attrToPropMap", {
/**
* @return {?}
*/
get: function () { return _attrToPropMap; },
enumerable: true,
configurable: true
});
/**
* @param {?} nodeA
* @param {?} nodeB
* @return {?}
*/
BrowserDomAdapter.prototype.contains = function (nodeA, nodeB) { return nodeContains.call(nodeA, nodeB); };
/**
* @param {?} el
* @param {?} selector
* @return {?}
*/
BrowserDomAdapter.prototype.querySelector = function (el, selector) { return el.querySelector(selector); };
/**
* @param {?} el
* @param {?} selector
* @return {?}
*/
BrowserDomAdapter.prototype.querySelectorAll = function (el, selector) { return el.querySelectorAll(selector); };
/**
* @param {?} el
* @param {?} evt
* @param {?} listener
* @return {?}
*/
BrowserDomAdapter.prototype.on = function (el, evt, listener) { el.addEventListener(evt, listener, false); };
/**
* @param {?} el
* @param {?} evt
* @param {?} listener
* @return {?}
*/
BrowserDomAdapter.prototype.onAndCancel = function (el, evt, listener) {
el.addEventListener(evt, listener, false);
// Needed to follow Dart's subscription semantic, until fix of
// https://code.google.com/p/dart/issues/detail?id=17406
return function () { el.removeEventListener(evt, listener, false); };
};
/**
* @param {?} el
* @param {?} evt
* @return {?}
*/
BrowserDomAdapter.prototype.dispatchEvent = function (el, evt) { el.dispatchEvent(evt); };
/**
* @param {?} eventType
* @return {?}
*/
BrowserDomAdapter.prototype.createMouseEvent = function (eventType) {
var /** @type {?} */ evt = document.createEvent('MouseEvent');
evt.initEvent(eventType, true, true);
return evt;
};
/**
* @param {?} eventType
* @return {?}
*/
BrowserDomAdapter.prototype.createEvent = function (eventType) {
var /** @type {?} */ evt = document.createEvent('Event');
evt.initEvent(eventType, true, true);
return evt;
};
/**
* @param {?} evt
* @return {?}
*/
BrowserDomAdapter.prototype.preventDefault = function (evt) {
evt.preventDefault();
evt.returnValue = false;
};
/**
* @param {?} evt
* @return {?}
*/
BrowserDomAdapter.prototype.isPrevented = function (evt) {
return evt.defaultPrevented || evt.returnValue != null && !evt.returnValue;
};
/**
* @param {?} el
* @return {?}
*/
BrowserDomAdapter.prototype.getInnerHTML = function (el) { return el.innerHTML; };
/**
* @param {?} el
* @return {?}
*/
BrowserDomAdapter.prototype.getTemplateContent = function (el) {
return 'content' in el && el instanceof HTMLTemplateElement ? el.content : null;
};
/**
* @param {?} el
* @return {?}
*/
BrowserDomAdapter.prototype.getOuterHTML = function (el) { return el.outerHTML; };
/**
* @param {?} node
* @return {?}
*/
BrowserDomAdapter.prototype.nodeName = function (node) { return node.nodeName; };
/**
* @param {?} node
* @return {?}
*/
BrowserDomAdapter.prototype.nodeValue = function (node) { return node.nodeValue; };
/**
* @param {?} node
* @return {?}
*/
BrowserDomAdapter.prototype.type = function (node) { return node.type; };
/**
* @param {?} node
* @return {?}
*/
BrowserDomAdapter.prototype.content = function (node) {
if (this.hasProperty(node, 'content')) {
return ((node)).content;
}
else {
return node;
}
};
/**
* @param {?} el
* @return {?}
*/
BrowserDomAdapter.prototype.firstChild = function (el) { return el.firstChild; };
/**
* @param {?} el
* @return {?}
*/
BrowserDomAdapter.prototype.nextSibling = function (el) { return el.nextSibling; };
/**
* @param {?} el
* @return {?}
*/
BrowserDomAdapter.prototype.parentElement = function (el) { return el.parentNode; };
/**
* @param {?} el
* @return {?}
*/
BrowserDomAdapter.prototype.childNodes = function (el) { return el.childNodes; };
/**
* @param {?} el
* @return {?}
*/
BrowserDomAdapter.prototype.childNodesAsList = function (el) {
var /** @type {?} */ childNodes = el.childNodes;
var /** @type {?} */ res = new Array(childNodes.length);
for (var /** @type {?} */ i = 0; i < childNodes.length; i++) {
res[i] = childNodes[i];
}
return res;
};
/**
* @param {?} el
* @return {?}
*/
BrowserDomAdapter.prototype.clearNodes = function (el) {
while (el.firstChild) {
el.removeChild(el.firstChild);
}
};
/**
* @param {?} el
* @param {?} node
* @return {?}
*/
BrowserDomAdapter.prototype.appendChild = function (el, node) { el.appendChild(node); };
/**
* @param {?} el
* @param {?} node
* @return {?}
*/
BrowserDomAdapter.prototype.removeChild = function (el, node) { el.removeChild(node); };
/**
* @param {?} el
* @param {?} newChild
* @param {?} oldChild
* @return {?}
*/
BrowserDomAdapter.prototype.replaceChild = function (el, newChild, oldChild) { el.replaceChild(newChild, oldChild); };
/**
* @param {?} node
* @return {?}
*/
BrowserDomAdapter.prototype.remove = function (node) {
if (node.parentNode) {
node.parentNode.removeChild(node);
}
return node;
};
/**
* @param {?} parent
* @param {?} ref
* @param {?} node
* @return {?}
*/
BrowserDomAdapter.prototype.insertBefore = function (parent, ref, node) { parent.insertBefore(node, ref); };
/**
* @param {?} parent
* @param {?} ref
* @param {?} nodes
* @return {?}
*/
BrowserDomAdapter.prototype.insertAllBefore = function (parent, ref, nodes) {
nodes.forEach(function (n) { return parent.insertBefore(n, ref); });
};
/**
* @param {?} parent
* @param {?} ref
* @param {?} node
* @return {?}
*/
BrowserDomAdapter.prototype.insertAfter = function (parent, ref, node) { parent.insertBefore(node, ref.nextSibling); };
/**
* @param {?} el
* @param {?} value
* @return {?}
*/
BrowserDomAdapter.prototype.setInnerHTML = function (el, value) { el.innerHTML = value; };
/**
* @param {?} el
* @return {?}
*/
BrowserDomAdapter.prototype.getText = function (el) { return el.textContent; };
/**
* @param {?} el
* @param {?} value
* @return {?}
*/
BrowserDomAdapter.prototype.setText = function (el, value) { el.textContent = value; };
/**
* @param {?} el
* @return {?}
*/
BrowserDomAdapter.prototype.getValue = function (el) { return el.value; };
/**
* @param {?} el
* @param {?} value
* @return {?}
*/
BrowserDomAdapter.prototype.setValue = function (el, value) { el.value = value; };
/**
* @param {?} el
* @return {?}
*/
BrowserDomAdapter.prototype.getChecked = function (el) { return el.checked; };
/**
* @param {?} el
* @param {?} value
* @return {?}
*/
BrowserDomAdapter.prototype.setChecked = function (el, value) { el.checked = value; };
/**
* @param {?} text
* @return {?}
*/
BrowserDomAdapter.prototype.createComment = function (text) { return document.createComment(text); };
/**
* @param {?} html
* @return {?}
*/
BrowserDomAdapter.prototype.createTemplate = function (html) {
var /** @type {?} */ t = document.createElement('template');
t.innerHTML = html;
return t;
};
/**
* @param {?} tagName
* @param {?=} doc
* @return {?}
*/
BrowserDomAdapter.prototype.createElement = function (tagName, doc) {
if (doc === void 0) { doc = document; }
return doc.createElement(tagName);
};
/**
* @param {?} ns
* @param {?} tagName
* @param {?=} doc
* @return {?}
*/
BrowserDomAdapter.prototype.createElementNS = function (ns, tagName, doc) {
if (doc === void 0) { doc = document; }
return doc.createElementNS(ns, tagName);
};
/**
* @param {?} text
* @param {?=} doc
* @return {?}
*/
BrowserDomAdapter.prototype.createTextNode = function (text, doc) {
if (doc === void 0) { doc = document; }
return doc.createTextNode(text);
};
/**
* @param {?} attrName
* @param {?} attrValue
* @param {?=} doc
* @return {?}
*/
BrowserDomAdapter.prototype.createScriptTag = function (attrName, attrValue, doc) {
if (doc === void 0) { doc = document; }
var /** @type {?} */ el = (doc.createElement('SCRIPT'));
el.setAttribute(attrName, attrValue);
return el;
};
/**
* @param {?} css
* @param {?=} doc
* @return {?}
*/
BrowserDomAdapter.prototype.createStyleElement = function (css, doc) {
if (doc === void 0) { doc = document; }
var /** @type {?} */ style$$1 = (doc.createElement('style'));
this.appendChild(style$$1, this.createTextNode(css));
return style$$1;
};
/**
* @param {?} el
* @return {?}
*/
BrowserDomAdapter.prototype.createShadowRoot = function (el) { return ((el)).createShadowRoot(); };
/**
* @param {?} el
* @return {?}
*/
BrowserDomAdapter.prototype.getShadowRoot = function (el) { return ((el)).shadowRoot; };
/**
* @param {?} el
* @return {?}
*/
BrowserDomAdapter.prototype.getHost = function (el) { return ((el)).host; };
/**
* @param {?} node
* @return {?}
*/
BrowserDomAdapter.prototype.clone = function (node) { return node.cloneNode(true); };
/**
* @param {?} element
* @param {?} name
* @return {?}
*/
BrowserDomAdapter.prototype.getElementsByClassName = function (element, name) {
return element.getElementsByClassName(name);
};
/**
* @param {?} element
* @param {?} name
* @return {?}
*/
BrowserDomAdapter.prototype.getElementsByTagName = function (element, name) {
return element.getElementsByTagName(name);
};
/**
* @param {?} element
* @return {?}
*/
BrowserDomAdapter.prototype.classList = function (element) { return Array.prototype.slice.call(element.classList, 0); };
/**
* @param {?} element
* @param {?} className
* @return {?}
*/
BrowserDomAdapter.prototype.addClass = function (element, className) { element.classList.add(className); };
/**
* @param {?} element
* @param {?} className
* @return {?}
*/
BrowserDomAdapter.prototype.removeClass = function (element, className) { element.classList.remove(className); };
/**
* @param {?} element
* @param {?} className
* @return {?}
*/
BrowserDomAdapter.prototype.hasClass = function (element, className) {
return element.classList.contains(className);
};
/**
* @param {?} element
* @param {?} styleName
* @param {?} styleValue
* @return {?}
*/
BrowserDomAdapter.prototype.setStyle = function (element, styleName, styleValue) {
element.style[styleName] = styleValue;
};
/**
* @param {?} element
* @param {?} stylename
* @return {?}
*/
BrowserDomAdapter.prototype.removeStyle = function (element, stylename) {
// IE requires '' instead of null
// see https://github.com/angular/angular/issues/7916
element.style[stylename] = '';
};
/**
* @param {?} element
* @param {?} stylename
* @return {?}
*/
BrowserDomAdapter.prototype.getStyle = function (element, stylename) { return element.style[stylename]; };
/**
* @param {?} element
* @param {?} styleName
* @param {?=} styleValue
* @return {?}
*/
BrowserDomAdapter.prototype.hasStyle = function (element, styleName, styleValue) {
if (styleValue === void 0) { styleValue = null; }
var /** @type {?} */ value = this.getStyle(element, styleName) || '';
return styleValue ? value == styleValue : value.length > 0;
};
/**
* @param {?} element
* @return {?}
*/
BrowserDomAdapter.prototype.tagName = function (element) { return element.tagName; };
/**
* @param {?} element
* @return {?}
*/
BrowserDomAdapter.prototype.attributeMap = function (element) {
var /** @type {?} */ res = new Map();
var /** @type {?} */ elAttrs = element.attributes;
for (var /** @type {?} */ i = 0; i < elAttrs.length; i++) {
var /** @type {?} */ attrib = elAttrs[i];
res.set(attrib.name, attrib.value);
}
return res;
};
/**
* @param {?} element
* @param {?} attribute
* @return {?}
*/
BrowserDomAdapter.prototype.hasAttribute = function (element, attribute) {
return element.hasAttribute(attribute);
};
/**
* @param {?} element
* @param {?} ns
* @param {?} attribute
* @return {?}
*/
BrowserDomAdapter.prototype.hasAttributeNS = function (element, ns, attribute) {
return element.hasAttributeNS(ns, attribute);
};
/**
* @param {?} element
* @param {?} attribute
* @return {?}
*/
BrowserDomAdapter.prototype.getAttribute = function (element, attribute) {
return element.getAttribute(attribute);
};
/**
* @param {?} element
* @param {?} ns
* @param {?} name
* @return {?}
*/
BrowserDomAdapter.prototype.getAttributeNS = function (element, ns, name) {
return element.getAttributeNS(ns, name);
};
/**
* @param {?} element
* @param {?} name
* @param {?} value
* @return {?}
*/
BrowserDomAdapter.prototype.setAttribute = function (element, name, value) { element.setAttribute(name, value); };
/**
* @param {?} element
* @param {?} ns
* @param {?} name
* @param {?} value
* @return {?}
*/
BrowserDomAdapter.prototype.setAttributeNS = function (element, ns, name, value) {
element.setAttributeNS(ns, name, value);
};
/**
* @param {?} element
* @param {?} attribute
* @return {?}
*/
BrowserDomAdapter.prototype.removeAttribute = function (element, attribute) { element.removeAttribute(attribute); };
/**
* @param {?} element
* @param {?} ns
* @param {?} name
* @return {?}
*/
BrowserDomAdapter.prototype.removeAttributeNS = function (element, ns, name) {
element.removeAttributeNS(ns, name);
};
/**
* @param {?} el
* @return {?}
*/
BrowserDomAdapter.prototype.templateAwareRoot = function (el) { return this.isTemplateElement(el) ? this.content(el) : el; };
/**
* @return {?}
*/
BrowserDomAdapter.prototype.createHtmlDocument = function () {
return document.implementation.createHTMLDocument('fakeTitle');
};
/**
* @param {?} el
* @return {?}
*/
BrowserDomAdapter.prototype.getBoundingClientRect = function (el) {
try {
return el.getBoundingClientRect();
}
catch (e) {
return { top: 0, bottom: 0, left: 0, right: 0, width: 0, height: 0 };
}
};
/**
* @param {?} doc
* @return {?}
*/
BrowserDomAdapter.prototype.getTitle = function (doc) { return document.title; };
/**
* @param {?} doc
* @param {?} newTitle
* @return {?}
*/
BrowserDomAdapter.prototype.setTitle = function (doc, newTitle) { document.title = newTitle || ''; };
/**
* @param {?} n
* @param {?} selector
* @return {?}
*/
BrowserDomAdapter.prototype.elementMatches = function (n, selector) {
if (n instanceof HTMLElement) {
return n.matches && n.matches(selector) ||
n.msMatchesSelector && n.msMatchesSelector(selector) ||
n.webkitMatchesSelector && n.webkitMatchesSelector(selector);
}
return false;
};
/**
* @param {?} el
* @return {?}
*/
BrowserDomAdapter.prototype.isTemplateElement = function (el) {
return el instanceof HTMLElement && el.nodeName == 'TEMPLATE';
};
/**
* @param {?} node
* @return {?}
*/
BrowserDomAdapter.prototype.isTextNode = function (node) { return node.nodeType === Node.TEXT_NODE; };
/**
* @param {?} node
* @return {?}
*/
BrowserDomAdapter.prototype.isCommentNode = function (node) { return node.nodeType === Node.COMMENT_NODE; };
/**
* @param {?} node
* @return {?}
*/
BrowserDomAdapter.prototype.isElementNode = function (node) { return node.nodeType === Node.ELEMENT_NODE; };
/**
* @param {?} node
* @return {?}
*/
BrowserDomAdapter.prototype.hasShadowRoot = function (node) {
return node.shadowRoot != null && node instanceof HTMLElement;
};
/**
* @param {?} node
* @return {?}
*/
BrowserDomAdapter.prototype.isShadowRoot = function (node) { return node instanceof DocumentFragment; };
/**
* @param {?} node
* @return {?}
*/
BrowserDomAdapter.prototype.importIntoDoc = function (node) { return document.importNode(this.templateAwareRoot(node), true); };
/**
* @param {?} node
* @return {?}
*/
BrowserDomAdapter.prototype.adoptNode = function (node) { return document.adoptNode(node); };
/**
* @param {?} el
* @return {?}
*/
BrowserDomAdapter.prototype.getHref = function (el) { return ((el)).href; };
/**
* @param {?} event
* @return {?}
*/
BrowserDomAdapter.prototype.getEventKey = function (event) {
var /** @type {?} */ key = event.key;
if (key == null) {
key = event.keyIdentifier;
// keyIdentifier is defined in the old draft of DOM Level 3 Events implemented by Chrome and
// Safari cf
// http://www.w3.org/TR/2007/WD-DOM-Level-3-Events-20071221/events.html#Events-KeyboardEvents-Interfaces
if (key == null) {
return 'Unidentified';
}
if (key.startsWith('U+')) {
key = String.fromCharCode(parseInt(key.substring(2), 16));
if (event.location === DOM_KEY_LOCATION_NUMPAD && _chromeNumKeyPadMap.hasOwnProperty(key)) {
// There is a bug in Chrome for numeric keypad keys:
// https://code.google.com/p/chromium/issues/detail?id=155654
// 1, 2, 3 ... are reported as A, B, C ...
key = ((_chromeNumKeyPadMap))[key];
}
}
}
return _keyMap[key] || key;
};
/**
* @param {?} doc
* @param {?} target
* @return {?}
*/
BrowserDomAdapter.prototype.getGlobalEventTarget = function (doc, target) {
if (target === 'window') {
return window;
}
if (target === 'document') {
return document;
}
if (target === 'body') {
return document.body;
}
};
/**
* @return {?}
*/
BrowserDomAdapter.prototype.getHistory = function () { return window.history; };
/**
* @return {?}
*/
BrowserDomAdapter.prototype.getLocation = function () { return window.location; };
/**
* @param {?} doc
* @return {?}
*/
BrowserDomAdapter.prototype.getBaseHref = function (doc) {
var /** @type {?} */ href = getBaseElementHref();
return href == null ? null : relativePath(href);
};
/**
* @return {?}
*/
BrowserDomAdapter.prototype.resetBaseElement = function () { baseElement = null; };
/**
* @return {?}
*/
BrowserDomAdapter.prototype.getUserAgent = function () { return window.navigator.userAgent; };
/**
* @param {?} element
* @param {?} name
* @param {?} value
* @return {?}
*/
BrowserDomAdapter.prototype.setData = function (element, name, value) {
this.setAttribute(element, 'data-' + name, value);
};
/**
* @param {?} element
* @param {?} name
* @return {?}
*/
BrowserDomAdapter.prototype.getData = function (element, name) {
return this.getAttribute(element, 'data-' + name);
};
/**
* @param {?} element
* @return {?}
*/
BrowserDomAdapter.prototype.getComputedStyle = function (element) { return getComputedStyle(element); };
/**
* @param {?} path
* @param {?} value
* @return {?}
*/
BrowserDomAdapter.prototype.setGlobalVar = function (path, value) { setValueOnPath(_global, path, value); };
/**
* @return {?}
*/
BrowserDomAdapter.prototype.supportsWebAnimation = function () {
return typeof ((Element)).prototype['animate'] === 'function';
};
/**
* @return {?}
*/
BrowserDomAdapter.prototype.performanceNow = function () {
// performance.now() is not available in all browsers, see
// http://caniuse.com/#search=performance.now
return window.performance && window.performance.now ? window.performance.now() :
new Date().getTime();
};
/**
* @return {?}
*/
BrowserDomAdapter.prototype.supportsCookies = function () { return true; };
/**
* @param {?} name
* @return {?}
*/
BrowserDomAdapter.prototype.getCookie = function (name) { return parseCookieValue(document.cookie, name); };
/**
* @param {?} name
* @param {?} value
* @return {?}
*/
BrowserDomAdapter.prototype.setCookie = function (name, value) {
// document.cookie is magical, assigning into it assigns/overrides one cookie value, but does
// not clear other cookies.
document.cookie = encodeURIComponent(name) + '=' + encodeURIComponent(value);
};
return BrowserDomAdapter;
}(GenericBrowserDomAdapter));
var baseElement = null;
/**
* @return {?}
*/
function getBaseElementHref() {
if (!baseElement) {
baseElement = document.querySelector('base');
if (!baseElement) {
return null;
}
}
return baseElement.getAttribute('href');
}
// based on urlUtils.js in AngularJS 1
var urlParsingNode;
/**
* @param {?} url
* @return {?}
*/
function relativePath(url) {
if (!urlParsingNode) {
urlParsingNode = document.createElement('a');
}
urlParsingNode.setAttribute('href', url);
return (urlParsingNode.pathname.charAt(0) === '/') ? urlParsingNode.pathname :
'/' + urlParsingNode.pathname;
}
/**
* @param {?} cookieStr
* @param {?} name
* @return {?}
*/
function parseCookieValue(cookieStr, name) {
name = encodeURIComponent(name);
for (var _i = 0, _a = cookieStr.split(';'); _i < _a.length; _i++) {
var cookie = _a[_i];
var /** @type {?} */ eqIndex = cookie.indexOf('=');
var _b = eqIndex == -1 ? [cookie, ''] : [cookie.slice(0, eqIndex), cookie.slice(eqIndex + 1)], cookieName = _b[0], cookieValue = _b[1];
if (cookieName.trim() === name) {
return decodeURIComponent(cookieValue);
}
}
return null;
}
/**
* @param {?} global
* @param {?} path
* @param {?} value
* @return {?}
*/
function setValueOnPath(global, path, value) {
var /** @type {?} */ parts = path.split('.');
var /** @type {?} */ obj = global;
while (parts.length > 1) {
var /** @type {?} */ name = parts.shift();
if (obj.hasOwnProperty(name) && obj[name] != null) {
obj = obj[name];
}
else {
obj = obj[name] = {};
}
}
if (obj === undefined || obj === null) {
obj = {};
}
obj[parts.shift()] = value;
}
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* A DI Token representing the main rendering context. In a browser this is the DOM Document.
*
* Note: Document might not be available in the Application Context when Application and Rendering
* Contexts are not the same (e.g. when running the application into a Web Worker).
*
* \@stable
*/
var DOCUMENT = new InjectionToken('DocumentToken');
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
* @return {?}
*/
function supportsState() {
return !!window.history.pushState;
}
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* `PlatformLocation` encapsulates all of the direct calls to platform APIs.
* This class should not be used directly by an application developer. Instead, use
* {\@link Location}.
*/
var BrowserPlatformLocation = (function (_super) {
__extends$14(BrowserPlatformLocation, _super);
/**
* @param {?} _doc
*/
function BrowserPlatformLocation(_doc) {
var _this = _super.call(this) || this;
_this._doc = _doc;
_this._init();
return _this;
}
/**
* \@internal
* @return {?}
*/
BrowserPlatformLocation.prototype._init = function () {
this._location = getDOM().getLocation();
this._history = getDOM().getHistory();
};
Object.defineProperty(BrowserPlatformLocation.prototype, "location", {
/**
* @return {?}
*/
get: function () { return this._location; },
enumerable: true,
configurable: true
});
/**
* @return {?}
*/
BrowserPlatformLocation.prototype.getBaseHrefFromDOM = function () { return getDOM().getBaseHref(this._doc); };
/**
* @param {?} fn
* @return {?}
*/
BrowserPlatformLocation.prototype.onPopState = function (fn) {
getDOM().getGlobalEventTarget(this._doc, 'window').addEventListener('popstate', fn, false);
};
/**
* @param {?} fn
* @return {?}
*/
BrowserPlatformLocation.prototype.onHashChange = function (fn) {
getDOM().getGlobalEventTarget(this._doc, 'window').addEventListener('hashchange', fn, false);
};
Object.defineProperty(BrowserPlatformLocation.prototype, "pathname", {
/**
* @return {?}
*/
get: function () { return this._location.pathname; },
/**
* @param {?} newPath
* @return {?}
*/
set: function (newPath) { this._location.pathname = newPath; },
enumerable: true,
configurable: true
});
Object.defineProperty(BrowserPlatformLocation.prototype, "search", {
/**
* @return {?}
*/
get: function () { return this._location.search; },
enumerable: true,
configurable: true
});
Object.defineProperty(BrowserPlatformLocation.prototype, "hash", {
/**
* @return {?}
*/
get: function () { return this._location.hash; },
enumerable: true,
configurable: true
});
/**
* @param {?} state
* @param {?} title
* @param {?} url
* @return {?}
*/
BrowserPlatformLocation.prototype.pushState = function (state$$1, title, url) {
if (supportsState()) {
this._history.pushState(state$$1, title, url);
}
else {
this._location.hash = url;
}
};
/**
* @param {?} state
* @param {?} title
* @param {?} url
* @return {?}
*/
BrowserPlatformLocation.prototype.replaceState = function (state$$1, title, url) {
if (supportsState()) {
this._history.replaceState(state$$1, title, url);
}
else {
this._location.hash = url;
}
};
/**
* @return {?}
*/
BrowserPlatformLocation.prototype.forward = function () { this._history.forward(); };
/**
* @return {?}
*/
BrowserPlatformLocation.prototype.back = function () { this._history.back(); };
return BrowserPlatformLocation;
}(PlatformLocation));
BrowserPlatformLocation.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
BrowserPlatformLocation.ctorParameters = function () { return [
{ type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] },] },
]; };
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* A service that can be used to get and add meta tags.
*
* \@experimental
*/
var Meta = (function () {
/**
* @param {?} _doc
*/
function Meta(_doc) {
this._doc = _doc;
this._dom = getDOM();
}
/**
* @param {?} tag
* @param {?=} forceCreation
* @return {?}
*/
Meta.prototype.addTag = function (tag, forceCreation) {
if (forceCreation === void 0) { forceCreation = false; }
if (!tag)
return null;
return this._getOrCreateElement(tag, forceCreation);
};
/**
* @param {?} tags
* @param {?=} forceCreation
* @return {?}
*/
Meta.prototype.addTags = function (tags, forceCreation) {
var _this = this;
if (forceCreation === void 0) { forceCreation = false; }
if (!tags)
return [];
return tags.reduce(function (result, tag) {
if (tag) {
result.push(_this._getOrCreateElement(tag, forceCreation));
}
return result;
}, []);
};
/**
* @param {?} attrSelector
* @return {?}
*/
Meta.prototype.getTag = function (attrSelector) {
if (!attrSelector)
return null;
return this._dom.querySelector(this._doc, "meta[" + attrSelector + "]");
};
/**
* @param {?} attrSelector
* @return {?}
*/
Meta.prototype.getTags = function (attrSelector) {
if (!attrSelector)
return [];
var /** @type {?} */ list /*NodeList*/ = this._dom.querySelectorAll(this._doc, "meta[" + attrSelector + "]");
return list ? [].slice.call(list) : [];
};
/**
* @param {?} tag
* @param {?=} selector
* @return {?}
*/
Meta.prototype.updateTag = function (tag, selector) {
if (!tag)
return null;
selector = selector || this._parseSelector(tag);
var /** @type {?} */ meta = this.getTag(selector);
if (meta) {
return this._setMetaElementAttributes(tag, meta);
}
return this._getOrCreateElement(tag, true);
};
/**
* @param {?} attrSelector
* @return {?}
*/
Meta.prototype.removeTag = function (attrSelector) { this.removeTagElement(this.getTag(attrSelector)); };
/**
* @param {?} meta
* @return {?}
*/
Meta.prototype.removeTagElement = function (meta) {
if (meta) {
this._dom.remove(meta);
}
};
/**
* @param {?} meta
* @param {?=} forceCreation
* @return {?}
*/
Meta.prototype._getOrCreateElement = function (meta, forceCreation) {
if (forceCreation === void 0) { forceCreation = false; }
if (!forceCreation) {
var /** @type {?} */ selector = this._parseSelector(meta);
var /** @type {?} */ elem = this.getTag(selector);
// It's allowed to have multiple elements with the same name so it's not enough to
// just check that element with the same name already present on the page. We also need to
// check if element has tag attributes
if (elem && this._containsAttributes(meta, elem))
return elem;
}
var /** @type {?} */ element = (this._dom.createElement('meta'));
this._setMetaElementAttributes(meta, element);
var /** @type {?} */ head = this._dom.getElementsByTagName(this._doc, 'head')[0];
this._dom.appendChild(head, element);
return element;
};
/**
* @param {?} tag
* @param {?} el
* @return {?}
*/
Meta.prototype._setMetaElementAttributes = function (tag, el) {
var _this = this;
Object.keys(tag).forEach(function (prop) { return _this._dom.setAttribute(el, prop, tag[prop]); });
return el;
};
/**
* @param {?} tag
* @return {?}
*/
Meta.prototype._parseSelector = function (tag) {
var /** @type {?} */ attr = tag.name ? 'name' : 'property';
return attr + "=\"" + tag[attr] + "\"";
};
/**
* @param {?} tag
* @param {?} elem
* @return {?}
*/
Meta.prototype._containsAttributes = function (tag, elem) {
var _this = this;
return Object.keys(tag).every(function (key) { return _this._dom.getAttribute(elem, key) === tag[key]; });
};
return Meta;
}());
Meta.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
Meta.ctorParameters = function () { return [
{ type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] },] },
]; };
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* An id that identifies a particular application being bootstrapped, that should
* match across the client/server boundary.
*/
var TRANSITION_ID = new InjectionToken('TRANSITION_ID');
/**
* @param {?} transitionId
* @param {?} document
* @return {?}
*/
function bootstrapListenerFactory(transitionId, document) {
var /** @type {?} */ factory = function () {
var /** @type {?} */ dom = getDOM();
var /** @type {?} */ styles = Array.prototype.slice.apply(dom.querySelectorAll(document, "style[ng-transition]"));
styles.filter(function (el) { return dom.getAttribute(el, 'ng-transition') === transitionId; })
.forEach(function (el) { return dom.remove(el); });
};
return factory;
}
var SERVER_TRANSITION_PROVIDERS = [
{
provide: APP_INITIALIZER,
useFactory: bootstrapListenerFactory,
deps: [TRANSITION_ID, DOCUMENT],
multi: true
},
];
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var BrowserGetTestability = (function () {
function BrowserGetTestability() {
}
/**
* @return {?}
*/
BrowserGetTestability.init = function () { setTestabilityGetter(new BrowserGetTestability()); };
/**
* @param {?} registry
* @return {?}
*/
BrowserGetTestability.prototype.addToWindow = function (registry) {
_global['getAngularTestability'] = function (elem, findInAncestors) {
if (findInAncestors === void 0) { findInAncestors = true; }
var /** @type {?} */ testability = registry.findTestabilityInTree(elem, findInAncestors);
if (testability == null) {
throw new Error('Could not find testability for element.');
}
return testability;
};
_global['getAllAngularTestabilities'] = function () { return registry.getAllTestabilities(); };
_global['getAllAngularRootElements'] = function () { return registry.getAllRootElements(); };
var /** @type {?} */ whenAllStable = function (callback /** TODO #9100 */) {
var /** @type {?} */ testabilities = _global['getAllAngularTestabilities']();
var /** @type {?} */ count = testabilities.length;
var /** @type {?} */ didWork = false;
var /** @type {?} */ decrement = function (didWork_ /** TODO #9100 */) {
didWork = didWork || didWork_;
count--;
if (count == 0) {
callback(didWork);
}
};
testabilities.forEach(function (testability /** TODO #9100 */) {
testability.whenStable(decrement);
});
};
if (!_global['frameworkStabilizers']) {
_global['frameworkStabilizers'] = [];
}
_global['frameworkStabilizers'].push(whenAllStable);
};
/**
* @param {?} registry
* @param {?} elem
* @param {?} findInAncestors
* @return {?}
*/
BrowserGetTestability.prototype.findTestabilityInTree = function (registry, elem, findInAncestors) {
if (elem == null) {
return null;
}
var /** @type {?} */ t = registry.getTestability(elem);
if (t != null) {
return t;
}
else if (!findInAncestors) {
return null;
}
if (getDOM().isShadowRoot(elem)) {
return this.findTestabilityInTree(registry, getDOM().getHost(elem), true);
}
return this.findTestabilityInTree(registry, getDOM().parentElement(elem), true);
};
return BrowserGetTestability;
}());
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* A service that can be used to get and set the title of a current HTML document.
*
* Since an Angular application can't be bootstrapped on the entire HTML document (`<html>` tag)
* it is not possible to bind to the `text` property of the `HTMLTitleElement` elements
* (representing the `<title>` tag). Instead, this service can be used to set and get the current
* title value.
*
* \@experimental
*/
var Title = (function () {
/**
* @param {?} _doc
*/
function Title(_doc) {
this._doc = _doc;
}
/**
* Get the title of the current HTML document.
* @return {?}
*/
Title.prototype.getTitle = function () { return getDOM().getTitle(this._doc); };
/**
* Set the title of the current HTML document.
* @param {?} newTitle
* @return {?}
*/
Title.prototype.setTitle = function (newTitle) { getDOM().setTitle(this._doc, newTitle); };
return Title;
}());
Title.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
Title.ctorParameters = function () { return [
{ type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] },] },
]; };
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var CORE_TOKENS = {
'ApplicationRef': ApplicationRef,
'NgZone': NgZone,
};
var INSPECT_GLOBAL_NAME = 'ng.probe';
var CORE_TOKENS_GLOBAL_NAME = 'ng.coreTokens';
/**
* Returns a {\@link DebugElement} for the given native DOM element, or
* null if the given native element does not have an Angular view associated
* with it.
* @param {?} element
* @return {?}
*/
function inspectNativeElement(element) {
return getDebugNode(element);
}
/**
* Deprecated. Use the one from '\@angular/core'.
* @deprecated
*/
var NgProbeToken$1 = (function () {
/**
* @param {?} name
* @param {?} token
*/
function NgProbeToken$1(name, token) {
this.name = name;
this.token = token;
}
return NgProbeToken$1;
}());
/**
* @param {?} extraTokens
* @param {?} coreTokens
* @return {?}
*/
function _createNgProbe(extraTokens, coreTokens) {
var /** @type {?} */ tokens = (extraTokens || []).concat(coreTokens || []);
getDOM().setGlobalVar(INSPECT_GLOBAL_NAME, inspectNativeElement);
getDOM().setGlobalVar(CORE_TOKENS_GLOBAL_NAME, merge$1(CORE_TOKENS, _ngProbeTokensToMap(tokens || [])));
return function () { return inspectNativeElement; };
}
/**
* @param {?} tokens
* @return {?}
*/
function _ngProbeTokensToMap(tokens) {
return tokens.reduce(function (prev, t) { return (prev[t.name] = t.token, prev); }, {});
}
/**
* Providers which support debugging Angular applications (e.g. via `ng.probe`).
*/
var ELEMENT_PROBE_PROVIDERS = [
{
provide: APP_INITIALIZER,
useFactory: _createNgProbe,
deps: [
[NgProbeToken$1, new Optional()],
[NgProbeToken, new Optional()],
],
multi: true,
},
];
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* \@stable
*/
var EVENT_MANAGER_PLUGINS = new InjectionToken('EventManagerPlugins');
/**
* \@stable
*/
var EventManager = (function () {
/**
* @param {?} plugins
* @param {?} _zone
*/
function EventManager(plugins, _zone) {
var _this = this;
this._zone = _zone;
this._eventNameToPlugin = new Map();
plugins.forEach(function (p) { return p.manager = _this; });
this._plugins = plugins.slice().reverse();
}
/**
* @param {?} element
* @param {?} eventName
* @param {?} handler
* @return {?}
*/
EventManager.prototype.addEventListener = function (element, eventName, handler) {
var /** @type {?} */ plugin = this._findPluginFor(eventName);
return plugin.addEventListener(element, eventName, handler);
};
/**
* @param {?} target
* @param {?} eventName
* @param {?} handler
* @return {?}
*/
EventManager.prototype.addGlobalEventListener = function (target, eventName, handler) {
var /** @type {?} */ plugin = this._findPluginFor(eventName);
return plugin.addGlobalEventListener(target, eventName, handler);
};
/**
* @return {?}
*/
EventManager.prototype.getZone = function () { return this._zone; };
/**
* \@internal
* @param {?} eventName
* @return {?}
*/
EventManager.prototype._findPluginFor = function (eventName) {
var /** @type {?} */ plugin = this._eventNameToPlugin.get(eventName);
if (plugin) {
return plugin;
}
var /** @type {?} */ plugins = this._plugins;
for (var /** @type {?} */ i = 0; i < plugins.length; i++) {
var /** @type {?} */ plugin_1 = plugins[i];
if (plugin_1.supports(eventName)) {
this._eventNameToPlugin.set(eventName, plugin_1);
return plugin_1;
}
}
throw new Error("No event manager plugin found for event " + eventName);
};
return EventManager;
}());
EventManager.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
EventManager.ctorParameters = function () { return [
{ type: Array, decorators: [{ type: Inject, args: [EVENT_MANAGER_PLUGINS,] },] },
{ type: NgZone, },
]; };
/**
* @abstract
*/
var EventManagerPlugin = (function () {
/**
* @param {?} _doc
*/
function EventManagerPlugin(_doc) {
this._doc = _doc;
}
/**
* @abstract
* @param {?} eventName
* @return {?}
*/
EventManagerPlugin.prototype.supports = function (eventName) { };
/**
* @abstract
* @param {?} element
* @param {?} eventName
* @param {?} handler
* @return {?}
*/
EventManagerPlugin.prototype.addEventListener = function (element, eventName, handler) { };
/**
* @param {?} element
* @param {?} eventName
* @param {?} handler
* @return {?}
*/
EventManagerPlugin.prototype.addGlobalEventListener = function (element, eventName, handler) {
var /** @type {?} */ target = getDOM().getGlobalEventTarget(this._doc, element);
if (!target) {
throw new Error("Unsupported event target " + target + " for event " + eventName);
}
return this.addEventListener(target, eventName, handler);
};
return EventManagerPlugin;
}());
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var SharedStylesHost = (function () {
function SharedStylesHost() {
/**
* \@internal
*/
this._stylesSet = new Set();
}
/**
* @param {?} styles
* @return {?}
*/
SharedStylesHost.prototype.addStyles = function (styles) {
var _this = this;
var /** @type {?} */ additions = new Set();
styles.forEach(function (style$$1) {
if (!_this._stylesSet.has(style$$1)) {
_this._stylesSet.add(style$$1);
additions.add(style$$1);
}
});
this.onStylesAdded(additions);
};
/**
* @param {?} additions
* @return {?}
*/
SharedStylesHost.prototype.onStylesAdded = function (additions) { };
/**
* @return {?}
*/
SharedStylesHost.prototype.getAllStyles = function () { return Array.from(this._stylesSet); };
return SharedStylesHost;
}());
SharedStylesHost.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
SharedStylesHost.ctorParameters = function () { return []; };
var DomSharedStylesHost = (function (_super) {
__extends$14(DomSharedStylesHost, _super);
/**
* @param {?} _doc
*/
function DomSharedStylesHost(_doc) {
var _this = _super.call(this) || this;
_this._doc = _doc;
_this._hostNodes = new Set();
_this._styleNodes = new Set();
_this._hostNodes.add(_doc.head);
return _this;
}
/**
* @param {?} styles
* @param {?} host
* @return {?}
*/
DomSharedStylesHost.prototype._addStylesToHost = function (styles, host) {
var _this = this;
styles.forEach(function (style$$1) {
var /** @type {?} */ styleEl = _this._doc.createElement('style');
styleEl.textContent = style$$1;
_this._styleNodes.add(host.appendChild(styleEl));
});
};
/**
* @param {?} hostNode
* @return {?}
*/
DomSharedStylesHost.prototype.addHost = function (hostNode) {
this._addStylesToHost(this._stylesSet, hostNode);
this._hostNodes.add(hostNode);
};
/**
* @param {?} hostNode
* @return {?}
*/
DomSharedStylesHost.prototype.removeHost = function (hostNode) { this._hostNodes.delete(hostNode); };
/**
* @param {?} additions
* @return {?}
*/
DomSharedStylesHost.prototype.onStylesAdded = function (additions) {
var _this = this;
this._hostNodes.forEach(function (hostNode) { return _this._addStylesToHost(additions, hostNode); });
};
/**
* @return {?}
*/
DomSharedStylesHost.prototype.ngOnDestroy = function () { this._styleNodes.forEach(function (styleNode) { return getDOM().remove(styleNode); }); };
return DomSharedStylesHost;
}(SharedStylesHost));
DomSharedStylesHost.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
DomSharedStylesHost.ctorParameters = function () { return [
{ type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] },] },
]; };
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var NAMESPACE_URIS = {
'svg': 'http://www.w3.org/2000/svg',
'xhtml': 'http://www.w3.org/1999/xhtml',
'xlink': 'http://www.w3.org/1999/xlink',
'xml': 'http://www.w3.org/XML/1998/namespace',
'xmlns': 'http://www.w3.org/2000/xmlns/',
};
var COMPONENT_REGEX = /%COMP%/g;
var COMPONENT_VARIABLE = '%COMP%';
var HOST_ATTR = "_nghost-" + COMPONENT_VARIABLE;
var CONTENT_ATTR = "_ngcontent-" + COMPONENT_VARIABLE;
/**
* @param {?} componentShortId
* @return {?}
*/
function shimContentAttribute(componentShortId) {
return CONTENT_ATTR.replace(COMPONENT_REGEX, componentShortId);
}
/**
* @param {?} componentShortId
* @return {?}
*/
function shimHostAttribute(componentShortId) {
return HOST_ATTR.replace(COMPONENT_REGEX, componentShortId);
}
/**
* @param {?} compId
* @param {?} styles
* @param {?} target
* @return {?}
*/
function flattenStyles(compId, styles, target) {
for (var /** @type {?} */ i = 0; i < styles.length; i++) {
var /** @type {?} */ style$$1 = styles[i];
if (Array.isArray(style$$1)) {
flattenStyles(compId, style$$1, target);
}
else {
style$$1 = style$$1.replace(COMPONENT_REGEX, compId);
target.push(style$$1);
}
}
return target;
}
/**
* @param {?} eventHandler
* @return {?}
*/
function decoratePreventDefault(eventHandler) {
return function (event) {
var /** @type {?} */ allowDefaultBehavior = eventHandler(event);
if (allowDefaultBehavior === false) {
// TODO(tbosch): move preventDefault into event plugins...
event.preventDefault();
event.returnValue = false;
}
};
}
var DomRendererFactory2 = (function () {
/**
* @param {?} eventManager
* @param {?} sharedStylesHost
*/
function DomRendererFactory2(eventManager, sharedStylesHost) {
this.eventManager = eventManager;
this.sharedStylesHost = sharedStylesHost;
this.rendererByCompId = new Map();
this.defaultRenderer = new DefaultDomRenderer2(eventManager);
}
/**
* @param {?} element
* @param {?} type
* @return {?}
*/
DomRendererFactory2.prototype.createRenderer = function (element, type) {
if (!element || !type) {
return this.defaultRenderer;
}
switch (type.encapsulation) {
case ViewEncapsulation.Emulated: {
var /** @type {?} */ renderer = this.rendererByCompId.get(type.id);
if (!renderer) {
renderer =
new EmulatedEncapsulationDomRenderer2(this.eventManager, this.sharedStylesHost, type);
this.rendererByCompId.set(type.id, renderer);
}
((renderer)).applyToHost(element);
return renderer;
}
case ViewEncapsulation.Native:
return new ShadowDomRenderer(this.eventManager, this.sharedStylesHost, element, type);
default: {
if (!this.rendererByCompId.has(type.id)) {
var /** @type {?} */ styles = flattenStyles(type.id, type.styles, []);
this.sharedStylesHost.addStyles(styles);
this.rendererByCompId.set(type.id, this.defaultRenderer);
}
return this.defaultRenderer;
}
}
};
return DomRendererFactory2;
}());
DomRendererFactory2.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
DomRendererFactory2.ctorParameters = function () { return [
{ type: EventManager, },
{ type: DomSharedStylesHost, },
]; };
var DefaultDomRenderer2 = (function () {
/**
* @param {?} eventManager
*/
function DefaultDomRenderer2(eventManager) {
this.eventManager = eventManager;
this.data = Object.create(null);
}
/**
* @return {?}
*/
DefaultDomRenderer2.prototype.destroy = function () { };
/**
* @param {?} name
* @param {?=} namespace
* @return {?}
*/
DefaultDomRenderer2.prototype.createElement = function (name, namespace) {
if (namespace) {
return document.createElementNS(NAMESPACE_URIS[namespace], name);
}
return document.createElement(name);
};
/**
* @param {?} value
* @return {?}
*/
DefaultDomRenderer2.prototype.createComment = function (value) { return document.createComment(value); };
/**
* @param {?} value
* @return {?}
*/
DefaultDomRenderer2.prototype.createText = function (value) { return document.createTextNode(value); };
/**
* @param {?} parent
* @param {?} newChild
* @return {?}
*/
DefaultDomRenderer2.prototype.appendChild = function (parent, newChild) { parent.appendChild(newChild); };
/**
* @param {?} parent
* @param {?} newChild
* @param {?} refChild
* @return {?}
*/
DefaultDomRenderer2.prototype.insertBefore = function (parent, newChild, refChild) {
if (parent) {
parent.insertBefore(newChild, refChild);
}
};
/**
* @param {?} parent
* @param {?} oldChild
* @return {?}
*/
DefaultDomRenderer2.prototype.removeChild = function (parent, oldChild) {
if (parent) {
parent.removeChild(oldChild);
}
};
/**
* @param {?} selectorOrNode
* @return {?}
*/
DefaultDomRenderer2.prototype.selectRootElement = function (selectorOrNode) {
var /** @type {?} */ el = typeof selectorOrNode === 'string' ? document.querySelector(selectorOrNode) :
selectorOrNode;
if (!el) {
throw new Error("The selector \"" + selectorOrNode + "\" did not match any elements");
}
el.textContent = '';
return el;
};
/**
* @param {?} node
* @return {?}
*/
DefaultDomRenderer2.prototype.parentNode = function (node) { return node.parentNode; };
/**
* @param {?} node
* @return {?}
*/
DefaultDomRenderer2.prototype.nextSibling = function (node) { return node.nextSibling; };
/**
* @param {?} el
* @param {?} name
* @param {?} value
* @param {?=} namespace
* @return {?}
*/
DefaultDomRenderer2.prototype.setAttribute = function (el, name, value, namespace) {
if (namespace) {
name = namespace + ":" + name;
var /** @type {?} */ namespaceUri = NAMESPACE_URIS[namespace];
if (namespaceUri) {
el.setAttributeNS(namespaceUri, name, value);
}
else {
el.setAttribute(name, value);
}
}
else {
el.setAttribute(name, value);
}
};
/**
* @param {?} el
* @param {?} name
* @param {?=} namespace
* @return {?}
*/
DefaultDomRenderer2.prototype.removeAttribute = function (el, name, namespace) {
if (namespace) {
var /** @type {?} */ namespaceUri = NAMESPACE_URIS[namespace];
if (namespaceUri) {
el.removeAttributeNS(namespaceUri, name);
}
else {
el.removeAttribute(namespace + ":" + name);
}
}
else {
el.removeAttribute(name);
}
};
/**
* @param {?} el
* @param {?} name
* @return {?}
*/
DefaultDomRenderer2.prototype.addClass = function (el, name) { el.classList.add(name); };
/**
* @param {?} el
* @param {?} name
* @return {?}
*/
DefaultDomRenderer2.prototype.removeClass = function (el, name) { el.classList.remove(name); };
/**
* @param {?} el
* @param {?} style
* @param {?} value
* @param {?} flags
* @return {?}
*/
DefaultDomRenderer2.prototype.setStyle = function (el, style$$1, value, flags) {
if (flags & RendererStyleFlags2.DashCase) {
el.style.setProperty(style$$1, value, !!(flags & RendererStyleFlags2.Important) ? 'important' : '');
}
else {
el.style[style$$1] = value;
}
};
/**
* @param {?} el
* @param {?} style
* @param {?} flags
* @return {?}
*/
DefaultDomRenderer2.prototype.removeStyle = function (el, style$$1, flags) {
if (flags & RendererStyleFlags2.DashCase) {
el.style.removeProperty(style$$1);
}
else {
// IE requires '' instead of null
// see https://github.com/angular/angular/issues/7916
el.style[style$$1] = '';
}
};
/**
* @param {?} el
* @param {?} name
* @param {?} value
* @return {?}
*/
DefaultDomRenderer2.prototype.setProperty = function (el, name, value) {
checkNoSyntheticProp(name, 'property');
el[name] = value;
};
/**
* @param {?} node
* @param {?} value
* @return {?}
*/
DefaultDomRenderer2.prototype.setValue = function (node, value) { node.nodeValue = value; };
/**
* @param {?} target
* @param {?} event
* @param {?} callback
* @return {?}
*/
DefaultDomRenderer2.prototype.listen = function (target, event, callback) {
checkNoSyntheticProp(event, 'listener');
if (typeof target === 'string') {
return (this.eventManager.addGlobalEventListener(target, event, decoratePreventDefault(callback)));
}
return ((this.eventManager.addEventListener(target, event, decoratePreventDefault(callback))));
};
return DefaultDomRenderer2;
}());
var AT_CHARCODE = '@'.charCodeAt(0);
/**
* @param {?} name
* @param {?} nameKind
* @return {?}
*/
function checkNoSyntheticProp(name, nameKind) {
if (name.charCodeAt(0) === AT_CHARCODE) {
throw new Error("Found the synthetic " + nameKind + " " + name + ". Please include either \"BrowserAnimationsModule\" or \"NoopAnimationsModule\" in your application.");
}
}
var EmulatedEncapsulationDomRenderer2 = (function (_super) {
__extends$14(EmulatedEncapsulationDomRenderer2, _super);
/**
* @param {?} eventManager
* @param {?} sharedStylesHost
* @param {?} component
*/
function EmulatedEncapsulationDomRenderer2(eventManager, sharedStylesHost, component) {
var _this = _super.call(this, eventManager) || this;
_this.component = component;
var styles = flattenStyles(component.id, component.styles, []);
sharedStylesHost.addStyles(styles);
_this.contentAttr = shimContentAttribute(component.id);
_this.hostAttr = shimHostAttribute(component.id);
return _this;
}
/**
* @param {?} element
* @return {?}
*/
EmulatedEncapsulationDomRenderer2.prototype.applyToHost = function (element) { _super.prototype.setAttribute.call(this, element, this.hostAttr, ''); };
/**
* @param {?} parent
* @param {?} name
* @return {?}
*/
EmulatedEncapsulationDomRenderer2.prototype.createElement = function (parent, name) {
var /** @type {?} */ el = _super.prototype.createElement.call(this, parent, name);
_super.prototype.setAttribute.call(this, el, this.contentAttr, '');
return el;
};
return EmulatedEncapsulationDomRenderer2;
}(DefaultDomRenderer2));
var ShadowDomRenderer = (function (_super) {
__extends$14(ShadowDomRenderer, _super);
/**
* @param {?} eventManager
* @param {?} sharedStylesHost
* @param {?} hostEl
* @param {?} component
*/
function ShadowDomRenderer(eventManager, sharedStylesHost, hostEl, component) {
var _this = _super.call(this, eventManager) || this;
_this.sharedStylesHost = sharedStylesHost;
_this.hostEl = hostEl;
_this.component = component;
_this.shadowRoot = hostEl.createShadowRoot();
_this.sharedStylesHost.addHost(_this.shadowRoot);
var styles = flattenStyles(component.id, component.styles, []);
for (var i = 0; i < styles.length; i++) {
var styleEl = document.createElement('style');
styleEl.textContent = styles[i];
_this.shadowRoot.appendChild(styleEl);
}
return _this;
}
/**
* @param {?} node
* @return {?}
*/
ShadowDomRenderer.prototype.nodeOrShadowRoot = function (node) { return node === this.hostEl ? this.shadowRoot : node; };
/**
* @return {?}
*/
ShadowDomRenderer.prototype.destroy = function () { this.sharedStylesHost.removeHost(this.shadowRoot); };
/**
* @param {?} parent
* @param {?} newChild
* @return {?}
*/
ShadowDomRenderer.prototype.appendChild = function (parent, newChild) {
return _super.prototype.appendChild.call(this, this.nodeOrShadowRoot(parent), newChild);
};
/**
* @param {?} parent
* @param {?} newChild
* @param {?} refChild
* @return {?}
*/
ShadowDomRenderer.prototype.insertBefore = function (parent, newChild, refChild) {
return _super.prototype.insertBefore.call(this, this.nodeOrShadowRoot(parent), newChild, refChild);
};
/**
* @param {?} parent
* @param {?} oldChild
* @return {?}
*/
ShadowDomRenderer.prototype.removeChild = function (parent, oldChild) {
return _super.prototype.removeChild.call(this, this.nodeOrShadowRoot(parent), oldChild);
};
/**
* @param {?} node
* @return {?}
*/
ShadowDomRenderer.prototype.parentNode = function (node) {
return this.nodeOrShadowRoot(_super.prototype.parentNode.call(this, this.nodeOrShadowRoot(node)));
};
return ShadowDomRenderer;
}(DefaultDomRenderer2));
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var DomEventsPlugin = (function (_super) {
__extends$14(DomEventsPlugin, _super);
/**
* @param {?} doc
*/
function DomEventsPlugin(doc) {
return _super.call(this, doc) || this;
}
/**
* @param {?} eventName
* @return {?}
*/
DomEventsPlugin.prototype.supports = function (eventName) { return true; };
/**
* @param {?} element
* @param {?} eventName
* @param {?} handler
* @return {?}
*/
DomEventsPlugin.prototype.addEventListener = function (element, eventName, handler) {
element.addEventListener(eventName, /** @type {?} */ (handler), false);
return function () { return element.removeEventListener(eventName, /** @type {?} */ (handler), false); };
};
return DomEventsPlugin;
}(EventManagerPlugin));
DomEventsPlugin.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
DomEventsPlugin.ctorParameters = function () { return [
{ type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] },] },
]; };
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var EVENT_NAMES = {
// pan
'pan': true,
'panstart': true,
'panmove': true,
'panend': true,
'pancancel': true,
'panleft': true,
'panright': true,
'panup': true,
'pandown': true,
// pinch
'pinch': true,
'pinchstart': true,
'pinchmove': true,
'pinchend': true,
'pinchcancel': true,
'pinchin': true,
'pinchout': true,
// press
'press': true,
'pressup': true,
// rotate
'rotate': true,
'rotatestart': true,
'rotatemove': true,
'rotateend': true,
'rotatecancel': true,
// swipe
'swipe': true,
'swipeleft': true,
'swiperight': true,
'swipeup': true,
'swipedown': true,
// tap
'tap': true,
};
/**
* A DI token that you can use to provide{\@link HammerGestureConfig} to Angular. Use it to configure
* Hammer gestures.
*
* \@experimental
*/
var HAMMER_GESTURE_CONFIG = new InjectionToken('HammerGestureConfig');
/**
* \@experimental
*/
var HammerGestureConfig = (function () {
function HammerGestureConfig() {
this.events = [];
this.overrides = {};
}
/**
* @param {?} element
* @return {?}
*/
HammerGestureConfig.prototype.buildHammer = function (element) {
var /** @type {?} */ mc = new Hammer(element);
mc.get('pinch').set({ enable: true });
mc.get('rotate').set({ enable: true });
for (var /** @type {?} */ eventName in this.overrides) {
mc.get(eventName).set(this.overrides[eventName]);
}
return mc;
};
return HammerGestureConfig;
}());
HammerGestureConfig.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
HammerGestureConfig.ctorParameters = function () { return []; };
var HammerGesturesPlugin = (function (_super) {
__extends$14(HammerGesturesPlugin, _super);
/**
* @param {?} doc
* @param {?} _config
*/
function HammerGesturesPlugin(doc, _config) {
var _this = _super.call(this, doc) || this;
_this._config = _config;
return _this;
}
/**
* @param {?} eventName
* @return {?}
*/
HammerGesturesPlugin.prototype.supports = function (eventName) {
if (!EVENT_NAMES.hasOwnProperty(eventName.toLowerCase()) && !this.isCustomEvent(eventName)) {
return false;
}
if (!((window)).Hammer) {
throw new Error("Hammer.js is not loaded, can not bind " + eventName + " event");
}
return true;
};
/**
* @param {?} element
* @param {?} eventName
* @param {?} handler
* @return {?}
*/
HammerGesturesPlugin.prototype.addEventListener = function (element, eventName, handler) {
var _this = this;
var /** @type {?} */ zone = this.manager.getZone();
eventName = eventName.toLowerCase();
return zone.runOutsideAngular(function () {
// Creating the manager bind events, must be done outside of angular
var /** @type {?} */ mc = _this._config.buildHammer(element);
var /** @type {?} */ callback = function (eventObj) {
zone.runGuarded(function () { handler(eventObj); });
};
mc.on(eventName, callback);
return function () { return mc.off(eventName, callback); };
});
};
/**
* @param {?} eventName
* @return {?}
*/
HammerGesturesPlugin.prototype.isCustomEvent = function (eventName) { return this._config.events.indexOf(eventName) > -1; };
return HammerGesturesPlugin;
}(EventManagerPlugin));
HammerGesturesPlugin.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
HammerGesturesPlugin.ctorParameters = function () { return [
{ type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] },] },
{ type: HammerGestureConfig, decorators: [{ type: Inject, args: [HAMMER_GESTURE_CONFIG,] },] },
]; };
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var MODIFIER_KEYS = ['alt', 'control', 'meta', 'shift'];
var MODIFIER_KEY_GETTERS = {
'alt': function (event) { return event.altKey; },
'control': function (event) { return event.ctrlKey; },
'meta': function (event) { return event.metaKey; },
'shift': function (event) { return event.shiftKey; }
};
/**
* \@experimental
*/
var KeyEventsPlugin = (function (_super) {
__extends$14(KeyEventsPlugin, _super);
/**
* @param {?} doc
*/
function KeyEventsPlugin(doc) {
return _super.call(this, doc) || this;
}
/**
* @param {?} eventName
* @return {?}
*/
KeyEventsPlugin.prototype.supports = function (eventName) { return KeyEventsPlugin.parseEventName(eventName) != null; };
/**
* @param {?} element
* @param {?} eventName
* @param {?} handler
* @return {?}
*/
KeyEventsPlugin.prototype.addEventListener = function (element, eventName, handler) {
var /** @type {?} */ parsedEvent = KeyEventsPlugin.parseEventName(eventName);
var /** @type {?} */ outsideHandler = KeyEventsPlugin.eventCallback(parsedEvent['fullKey'], handler, this.manager.getZone());
return this.manager.getZone().runOutsideAngular(function () {
return getDOM().onAndCancel(element, parsedEvent['domEventName'], outsideHandler);
});
};
/**
* @param {?} eventName
* @return {?}
*/
KeyEventsPlugin.parseEventName = function (eventName) {
var /** @type {?} */ parts = eventName.toLowerCase().split('.');
var /** @type {?} */ domEventName = parts.shift();
if ((parts.length === 0) || !(domEventName === 'keydown' || domEventName === 'keyup')) {
return null;
}
var /** @type {?} */ key = KeyEventsPlugin._normalizeKey(parts.pop());
var /** @type {?} */ fullKey = '';
MODIFIER_KEYS.forEach(function (modifierName) {
var /** @type {?} */ index = parts.indexOf(modifierName);
if (index > -1) {
parts.splice(index, 1);
fullKey += modifierName + '.';
}
});
fullKey += key;
if (parts.length != 0 || key.length === 0) {
// returning null instead of throwing to let another plugin process the event
return null;
}
var /** @type {?} */ result = {};
result['domEventName'] = domEventName;
result['fullKey'] = fullKey;
return result;
};
/**
* @param {?} event
* @return {?}
*/
KeyEventsPlugin.getEventFullKey = function (event) {
var /** @type {?} */ fullKey = '';
var /** @type {?} */ key = getDOM().getEventKey(event);
key = key.toLowerCase();
if (key === ' ') {
key = 'space'; // for readability
}
else if (key === '.') {
key = 'dot'; // because '.' is used as a separator in event names
}
MODIFIER_KEYS.forEach(function (modifierName) {
if (modifierName != key) {
var /** @type {?} */ modifierGetter = MODIFIER_KEY_GETTERS[modifierName];
if (modifierGetter(event)) {
fullKey += modifierName + '.';
}
}
});
fullKey += key;
return fullKey;
};
/**
* @param {?} fullKey
* @param {?} handler
* @param {?} zone
* @return {?}
*/
KeyEventsPlugin.eventCallback = function (fullKey, handler, zone) {
return function (event /** TODO #9100 */) {
if (KeyEventsPlugin.getEventFullKey(event) === fullKey) {
zone.runGuarded(function () { return handler(event); });
}
};
};
/**
* \@internal
* @param {?} keyName
* @return {?}
*/
KeyEventsPlugin._normalizeKey = function (keyName) {
// TODO: switch to a Map if the mapping grows too much
switch (keyName) {
case 'esc':
return 'escape';
default:
return keyName;
}
};
return KeyEventsPlugin;
}(EventManagerPlugin));
KeyEventsPlugin.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
KeyEventsPlugin.ctorParameters = function () { return [
{ type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] },] },
]; };
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* A pattern that recognizes a commonly useful subset of URLs that are safe.
*
* This regular expression matches a subset of URLs that will not cause script
* execution if used in URL context within a HTML document. Specifically, this
* regular expression matches if (comment from here on and regex copied from
* Soy's EscapingConventions):
* (1) Either a protocol in a whitelist (http, https, mailto or ftp).
* (2) or no protocol. A protocol must be followed by a colon. The below
* allows that by allowing colons only after one of the characters [/?#].
* A colon after a hash (#) must be in the fragment.
* Otherwise, a colon after a (?) must be in a query.
* Otherwise, a colon after a single solidus (/) must be in a path.
* Otherwise, a colon after a double solidus (//) must be in the authority
* (before port).
*
* The pattern disallows &, used in HTML entity declarations before
* one of the characters in [/?#]. This disallows HTML entities used in the
* protocol name, which should never happen, e.g. "http" for "http".
* It also disallows HTML entities in the first path part of a relative path,
* e.g. "foo<bar/baz". Our existing escaping functions should not produce
* that. More importantly, it disallows masking of a colon,
* e.g. "javascript:...".
*
* This regular expression was taken from the Closure sanitization library.
*/
var SAFE_URL_PATTERN = /^(?:(?:https?|mailto|ftp|tel|file):|[^&:/?#]*(?:[/?#]|$))/gi;
/** A pattern that matches safe data URLs. Only matches image, video and audio types. */
var DATA_URL_PATTERN = /^data:(?:image\/(?:bmp|gif|jpeg|jpg|png|tiff|webp)|video\/(?:mpeg|mp4|ogg|webm)|audio\/(?:mp3|oga|ogg|opus));base64,[a-z0-9+\/]+=*$/i;
/**
* @param {?} url
* @return {?}
*/
function sanitizeUrl(url) {
url = String(url);
if (url.match(SAFE_URL_PATTERN) || url.match(DATA_URL_PATTERN))
return url;
if (isDevMode()) {
getDOM().log("WARNING: sanitizing unsafe URL value " + url + " (see http://g.co/ng/security#xss)");
}
return 'unsafe:' + url;
}
/**
* @param {?} srcset
* @return {?}
*/
function sanitizeSrcset(srcset) {
srcset = String(srcset);
return srcset.split(',').map(function (srcset) { return sanitizeUrl(srcset.trim()); }).join(', ');
}
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/** A <body> element that can be safely used to parse untrusted HTML. Lazily initialized below. */
var inertElement = null;
/** Lazily initialized to make sure the DOM adapter gets set before use. */
var DOM = null;
/**
* Returns an HTML element that is guaranteed to not execute code when creating elements in it.
* @return {?}
*/
function getInertElement() {
if (inertElement)
return inertElement;
DOM = getDOM();
// Prefer using <template> element if supported.
var /** @type {?} */ templateEl = DOM.createElement('template');
if ('content' in templateEl)
return templateEl;
var /** @type {?} */ doc = DOM.createHtmlDocument();
inertElement = DOM.querySelector(doc, 'body');
if (inertElement == null) {
// usually there should be only one body element in the document, but IE doesn't have any, so we
// need to create one.
var /** @type {?} */ html = DOM.createElement('html', doc);
inertElement = DOM.createElement('body', doc);
DOM.appendChild(html, inertElement);
DOM.appendChild(doc, html);
}
return inertElement;
}
/**
* @param {?} tags
* @return {?}
*/
function tagSet(tags) {
var /** @type {?} */ res = {};
for (var _i = 0, _a = tags.split(','); _i < _a.length; _i++) {
var t = _a[_i];
res[t] = true;
}
return res;
}
/**
* @param {...?} sets
* @return {?}
*/
function merge$3() {
var sets = [];
for (var _i = 0; _i < arguments.length; _i++) {
sets[_i] = arguments[_i];
}
var /** @type {?} */ res = {};
for (var _a = 0, sets_1 = sets; _a < sets_1.length; _a++) {
var s = sets_1[_a];
for (var /** @type {?} */ v in s) {
Eif (s.hasOwnProperty(v))
res[v] = true;
}
}
return res;
}
// Good source of info about elements and attributes
// http://dev.w3.org/html5/spec/Overview.html#semantics
// http://simon.html5.org/html-elements
// Safe Void Elements - HTML5
// http://dev.w3.org/html5/spec/Overview.html#void-elements
var VOID_ELEMENTS = tagSet('area,br,col,hr,img,wbr');
// Elements that you can, intentionally, leave open (and which close themselves)
// http://dev.w3.org/html5/spec/Overview.html#optional-tags
var OPTIONAL_END_TAG_BLOCK_ELEMENTS = tagSet('colgroup,dd,dt,li,p,tbody,td,tfoot,th,thead,tr');
var OPTIONAL_END_TAG_INLINE_ELEMENTS = tagSet('rp,rt');
var OPTIONAL_END_TAG_ELEMENTS = merge$3(OPTIONAL_END_TAG_INLINE_ELEMENTS, OPTIONAL_END_TAG_BLOCK_ELEMENTS);
// Safe Block Elements - HTML5
var BLOCK_ELEMENTS = merge$3(OPTIONAL_END_TAG_BLOCK_ELEMENTS, tagSet('address,article,' +
'aside,blockquote,caption,center,del,details,dialog,dir,div,dl,figure,figcaption,footer,h1,h2,h3,h4,h5,' +
'h6,header,hgroup,hr,ins,main,map,menu,nav,ol,pre,section,summary,table,ul'));
// Inline Elements - HTML5
var INLINE_ELEMENTS = merge$3(OPTIONAL_END_TAG_INLINE_ELEMENTS, tagSet('a,abbr,acronym,audio,b,' +
'bdi,bdo,big,br,cite,code,del,dfn,em,font,i,img,ins,kbd,label,map,mark,picture,q,ruby,rp,rt,s,' +
'samp,small,source,span,strike,strong,sub,sup,time,track,tt,u,var,video'));
var VALID_ELEMENTS = merge$3(VOID_ELEMENTS, BLOCK_ELEMENTS, INLINE_ELEMENTS, OPTIONAL_END_TAG_ELEMENTS);
// Attributes that have href and hence need to be sanitized
var URI_ATTRS = tagSet('background,cite,href,itemtype,longdesc,poster,src,xlink:href');
// Attributes that have special href set hence need to be sanitized
var SRCSET_ATTRS = tagSet('srcset');
var HTML_ATTRS = tagSet('abbr,accesskey,align,alt,autoplay,axis,bgcolor,border,cellpadding,cellspacing,class,clear,color,cols,colspan,' +
'compact,controls,coords,datetime,default,dir,download,face,headers,height,hidden,hreflang,hspace,' +
'ismap,itemscope,itemprop,kind,label,lang,language,loop,media,muted,nohref,nowrap,open,preload,rel,rev,role,rows,rowspan,rules,' +
'scope,scrolling,shape,size,sizes,span,srclang,start,summary,tabindex,target,title,translate,type,usemap,' +
'valign,value,vspace,width');
// NB: This currently conciously doesn't support SVG. SVG sanitization has had several security
// issues in the past, so it seems safer to leave it out if possible. If support for binding SVG via
// innerHTML is required, SVG attributes should be added here.
// NB: Sanitization does not allow <form> elements or other active elements (<button> etc). Those
// can be sanitized, but they increase security surface area without a legitimate use case, so they
// are left out here.
var VALID_ATTRS = merge$3(URI_ATTRS, SRCSET_ATTRS, HTML_ATTRS);
/**
* SanitizingHtmlSerializer serializes a DOM fragment, stripping out any unsafe elements and unsafe
* attributes.
*/
var SanitizingHtmlSerializer = (function () {
function SanitizingHtmlSerializer() {
this.sanitizedSomething = false;
this.buf = [];
}
/**
* @param {?} el
* @return {?}
*/
SanitizingHtmlSerializer.prototype.sanitizeChildren = function (el) {
// This cannot use a TreeWalker, as it has to run on Angular's various DOM adapters.
// However this code never accesses properties off of `document` before deleting its contents
// again, so it shouldn't be vulnerable to DOM clobbering.
var /** @type {?} */ current = el.firstChild;
while (current) {
if (DOM.isElementNode(current)) {
this.startElement(/** @type {?} */ (current));
}
else if (DOM.isTextNode(current)) {
this.chars(DOM.nodeValue(current));
}
else {
// Strip non-element, non-text nodes.
this.sanitizedSomething = true;
}
if (DOM.firstChild(current)) {
current = DOM.firstChild(current);
continue;
}
while (current) {
// Leaving the element. Walk up and to the right, closing tags as we go.
if (DOM.isElementNode(current)) {
this.endElement(/** @type {?} */ (current));
}
var /** @type {?} */ next = checkClobberedElement(current, DOM.nextSibling(current));
if (next) {
current = next;
break;
}
current = checkClobberedElement(current, DOM.parentElement(current));
}
}
return this.buf.join('');
};
/**
* @param {?} element
* @return {?}
*/
SanitizingHtmlSerializer.prototype.startElement = function (element) {
var _this = this;
var /** @type {?} */ tagName = DOM.nodeName(element).toLowerCase();
if (!VALID_ELEMENTS.hasOwnProperty(tagName)) {
this.sanitizedSomething = true;
return;
}
this.buf.push('<');
this.buf.push(tagName);
DOM.attributeMap(element).forEach(function (value, attrName) {
var /** @type {?} */ lower = attrName.toLowerCase();
if (!VALID_ATTRS.hasOwnProperty(lower)) {
_this.sanitizedSomething = true;
return;
}
// TODO(martinprobst): Special case image URIs for data:image/...
if (URI_ATTRS[lower])
value = sanitizeUrl(value);
if (SRCSET_ATTRS[lower])
value = sanitizeSrcset(value);
_this.buf.push(' ');
_this.buf.push(attrName);
_this.buf.push('="');
_this.buf.push(encodeEntities(value));
_this.buf.push('"');
});
this.buf.push('>');
};
/**
* @param {?} current
* @return {?}
*/
SanitizingHtmlSerializer.prototype.endElement = function (current) {
var /** @type {?} */ tagName = DOM.nodeName(current).toLowerCase();
if (VALID_ELEMENTS.hasOwnProperty(tagName) && !VOID_ELEMENTS.hasOwnProperty(tagName)) {
this.buf.push('</');
this.buf.push(tagName);
this.buf.push('>');
}
};
/**
* @param {?} chars
* @return {?}
*/
SanitizingHtmlSerializer.prototype.chars = function (chars) { this.buf.push(encodeEntities(chars)); };
return SanitizingHtmlSerializer;
}());
/**
* @param {?} node
* @param {?} nextNode
* @return {?}
*/
function checkClobberedElement(node, nextNode) {
if (nextNode && DOM.contains(node, nextNode)) {
throw new Error("Failed to sanitize html because the element is clobbered: " + DOM.getOuterHTML(node));
}
return nextNode;
}
// Regular Expressions for parsing tags and attributes
var SURROGATE_PAIR_REGEXP = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g;
// ! to ~ is the ASCII range.
var NON_ALPHANUMERIC_REGEXP = /([^\#-~ |!])/g;
/**
* Escapes all potentially dangerous characters, so that the
* resulting string can be safely inserted into attribute or
* element text.
* @param {?} value
* @return {?}
*/
function encodeEntities(value) {
return value.replace(/&/g, '&')
.replace(SURROGATE_PAIR_REGEXP, function (match) {
var /** @type {?} */ hi = match.charCodeAt(0);
var /** @type {?} */ low = match.charCodeAt(1);
return '&#' + (((hi - 0xD800) * 0x400) + (low - 0xDC00) + 0x10000) + ';';
})
.replace(NON_ALPHANUMERIC_REGEXP, function (match) { return '&#' + match.charCodeAt(0) + ';'; })
.replace(/</g, '<')
.replace(/>/g, '>');
}
/**
* When IE9-11 comes across an unknown namespaced attribute e.g. 'xlink:foo' it adds 'xmlns:ns1'
* attribute to declare ns1 namespace and prefixes the attribute with 'ns1' (e.g. 'ns1:xlink:foo').
*
* This is undesirable since we don't want to allow any of these custom attributes. This method
* strips them all.
* @param {?} el
* @return {?}
*/
function stripCustomNsAttrs(el) {
DOM.attributeMap(el).forEach(function (_, attrName) {
if (attrName === 'xmlns:ns1' || attrName.indexOf('ns1:') === 0) {
DOM.removeAttribute(el, attrName);
}
});
for (var _i = 0, _a = DOM.childNodesAsList(el); _i < _a.length; _i++) {
var n = _a[_i];
if (DOM.isElementNode(n))
stripCustomNsAttrs(/** @type {?} */ (n));
}
}
/**
* Sanitizes the given unsafe, untrusted HTML fragment, and returns HTML text that is safe to add to
* the DOM in a browser environment.
* @param {?} defaultDoc
* @param {?} unsafeHtmlInput
* @return {?}
*/
function sanitizeHtml(defaultDoc, unsafeHtmlInput) {
try {
var /** @type {?} */ containerEl = getInertElement();
// Make sure unsafeHtml is actually a string (TypeScript types are not enforced at runtime).
var /** @type {?} */ unsafeHtml = unsafeHtmlInput ? String(unsafeHtmlInput) : '';
// mXSS protection. Repeatedly parse the document to make sure it stabilizes, so that a browser
// trying to auto-correct incorrect HTML cannot cause formerly inert HTML to become dangerous.
var /** @type {?} */ mXSSAttempts = 5;
var /** @type {?} */ parsedHtml = unsafeHtml;
do {
if (mXSSAttempts === 0) {
throw new Error('Failed to sanitize html because the input is unstable');
}
mXSSAttempts--;
unsafeHtml = parsedHtml;
DOM.setInnerHTML(containerEl, unsafeHtml);
if (defaultDoc.documentMode) {
// strip custom-namespaced attributes on IE<=11
stripCustomNsAttrs(containerEl);
}
parsedHtml = DOM.getInnerHTML(containerEl);
} while (unsafeHtml !== parsedHtml);
var /** @type {?} */ sanitizer = new SanitizingHtmlSerializer();
var /** @type {?} */ safeHtml = sanitizer.sanitizeChildren(DOM.getTemplateContent(containerEl) || containerEl);
// Clear out the body element.
var /** @type {?} */ parent = DOM.getTemplateContent(containerEl) || containerEl;
for (var _i = 0, _a = DOM.childNodesAsList(parent); _i < _a.length; _i++) {
var child = _a[_i];
DOM.removeChild(parent, child);
}
if (isDevMode() && sanitizer.sanitizedSomething) {
DOM.log('WARNING: sanitizing HTML stripped some content (see http://g.co/ng/security#xss).');
}
return safeHtml;
}
catch (e) {
// In case anything goes wrong, clear out inertElement to reset the entire DOM structure.
inertElement = null;
throw e;
}
}
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* Regular expression for safe style values.
*
* Quotes (" and ') are allowed, but a check must be done elsewhere to ensure they're balanced.
*
* ',' allows multiple values to be assigned to the same property (e.g. background-attachment or
* font-family) and hence could allow multiple values to get injected, but that should pose no risk
* of XSS.
*
* The function expression checks only for XSS safety, not for CSS validity.
*
* This regular expression was taken from the Closure sanitization library, and augmented for
* transformation values.
*/
var VALUES = '[-,."\'%_!# a-zA-Z0-9]+';
var TRANSFORMATION_FNS = '(?:matrix|translate|scale|rotate|skew|perspective)(?:X|Y|3d)?';
var COLOR_FNS = '(?:rgb|hsl)a?';
var GRADIENTS = '(?:repeating-)?(?:linear|radial)-gradient';
var CSS3_FNS = '(?:calc|attr)';
var FN_ARGS = '\\([-0-9.%, #a-zA-Z]+\\)';
var SAFE_STYLE_VALUE = new RegExp("^(" + VALUES + "|" +
("(?:" + TRANSFORMATION_FNS + "|" + COLOR_FNS + "|" + GRADIENTS + "|" + CSS3_FNS + ")") +
(FN_ARGS + ")$"), 'g');
/**
* Matches a `url(...)` value with an arbitrary argument as long as it does
* not contain parentheses.
*
* The URL value still needs to be sanitized separately.
*
* `url(...)` values are a very common use case, e.g. for `background-image`. With carefully crafted
* CSS style rules, it is possible to construct an information leak with `url` values in CSS, e.g.
* by observing whether scroll bars are displayed, or character ranges used by a font face
* definition.
*
* Angular only allows binding CSS values (as opposed to entire CSS rules), so it is unlikely that
* binding a URL value without further cooperation from the page will cause an information leak, and
* if so, it is just a leak, not a full blown XSS vulnerability.
*
* Given the common use case, low likelihood of attack vector, and low impact of an attack, this
* code is permissive and allows URLs that sanitize otherwise.
*/
var URL_RE = /^url\(([^)]+)\)$/;
/**
* Checks that quotes (" and ') are properly balanced inside a string. Assumes
* that neither escape (\) nor any other character that could result in
* breaking out of a string parsing context are allowed;
* see http://www.w3.org/TR/css3-syntax/#string-token-diagram.
*
* This code was taken from the Closure sanitization library.
* @param {?} value
* @return {?}
*/
function hasBalancedQuotes(value) {
var /** @type {?} */ outsideSingle = true;
var /** @type {?} */ outsideDouble = true;
for (var /** @type {?} */ i = 0; i < value.length; i++) {
var /** @type {?} */ c = value.charAt(i);
if (c === '\'' && outsideDouble) {
outsideSingle = !outsideSingle;
}
else if (c === '"' && outsideSingle) {
outsideDouble = !outsideDouble;
}
}
return outsideSingle && outsideDouble;
}
/**
* Sanitizes the given untrusted CSS style property value (i.e. not an entire object, just a single
* value) and returns a value that is safe to use in a browser environment.
* @param {?} value
* @return {?}
*/
function sanitizeStyle(value) {
value = String(value).trim(); // Make sure it's actually a string.
if (!value)
return '';
// Single url(...) values are supported, but only for URLs that sanitize cleanly. See above for
// reasoning behind this.
var /** @type {?} */ urlMatch = value.match(URL_RE);
if ((urlMatch && sanitizeUrl(urlMatch[1]) === urlMatch[1]) ||
value.match(SAFE_STYLE_VALUE) && hasBalancedQuotes(value)) {
return value; // Safe style values.
}
if (isDevMode()) {
getDOM().log("WARNING: sanitizing unsafe style value " + value + " (see http://g.co/ng/security#xss).");
}
return 'unsafe';
}
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* DomSanitizer helps preventing Cross Site Scripting Security bugs (XSS) by sanitizing
* values to be safe to use in the different DOM contexts.
*
* For example, when binding a URL in an `<a [href]="someValue">` hyperlink, `someValue` will be
* sanitized so that an attacker cannot inject e.g. a `javascript:` URL that would execute code on
* the website.
*
* In specific situations, it might be necessary to disable sanitization, for example if the
* application genuinely needs to produce a `javascript:` style link with a dynamic value in it.
* Users can bypass security by constructing a value with one of the `bypassSecurityTrust...`
* methods, and then binding to that value from the template.
*
* These situations should be very rare, and extraordinary care must be taken to avoid creating a
* Cross Site Scripting (XSS) security bug!
*
* When using `bypassSecurityTrust...`, make sure to call the method as early as possible and as
* close as possible to the source of the value, to make it easy to verify no security bug is
* created by its use.
*
* It is not required (and not recommended) to bypass security if the value is safe, e.g. a URL that
* does not start with a suspicious protocol, or an HTML snippet that does not contain dangerous
* code. The sanitizer leaves safe values intact.
*
* \@security Calling any of the `bypassSecurityTrust...` APIs disables Angular's built-in
* sanitization for the value passed in. Carefully check and audit all values and code paths going
* into this call. Make sure any user data is appropriately escaped for this security context.
* For more detail, see the [Security Guide](http://g.co/ng/security).
*
* \@stable
* @abstract
*/
var DomSanitizer = (function () {
function DomSanitizer() {
}
/**
* Sanitizes a value for use in the given SecurityContext.
*
* If value is trusted for the context, this method will unwrap the contained safe value and use
* it directly. Otherwise, value will be sanitized to be safe in the given context, for example
* by replacing URLs that have an unsafe protocol part (such as `javascript:`). The implementation
* is responsible to make sure that the value can definitely be safely used in the given context.
* @abstract
* @param {?} context
* @param {?} value
* @return {?}
*/
DomSanitizer.prototype.sanitize = function (context, value) { };
/**
* Bypass security and trust the given value to be safe HTML. Only use this when the bound HTML
* is unsafe (e.g. contains `<script>` tags) and the code should be executed. The sanitizer will
* leave safe HTML intact, so in most situations this method should not be used.
*
* **WARNING:** calling this method with untrusted user data exposes your application to XSS
* security risks!
* @abstract
* @param {?} value
* @return {?}
*/
DomSanitizer.prototype.bypassSecurityTrustHtml = function (value) { };
/**
* Bypass security and trust the given value to be safe style value (CSS).
*
* **WARNING:** calling this method with untrusted user data exposes your application to XSS
* security risks!
* @abstract
* @param {?} value
* @return {?}
*/
DomSanitizer.prototype.bypassSecurityTrustStyle = function (value) { };
/**
* Bypass security and trust the given value to be safe JavaScript.
*
* **WARNING:** calling this method with untrusted user data exposes your application to XSS
* security risks!
* @abstract
* @param {?} value
* @return {?}
*/
DomSanitizer.prototype.bypassSecurityTrustScript = function (value) { };
/**
* Bypass security and trust the given value to be a safe style URL, i.e. a value that can be used
* in hyperlinks or `<img src>`.
*
* **WARNING:** calling this method with untrusted user data exposes your application to XSS
* security risks!
* @abstract
* @param {?} value
* @return {?}
*/
DomSanitizer.prototype.bypassSecurityTrustUrl = function (value) { };
/**
* Bypass security and trust the given value to be a safe resource URL, i.e. a location that may
* be used to load executable code from, like `<script src>`, or `<iframe src>`.
*
* **WARNING:** calling this method with untrusted user data exposes your application to XSS
* security risks!
* @abstract
* @param {?} value
* @return {?}
*/
DomSanitizer.prototype.bypassSecurityTrustResourceUrl = function (value) { };
return DomSanitizer;
}());
var DomSanitizerImpl = (function (_super) {
__extends$14(DomSanitizerImpl, _super);
/**
* @param {?} _doc
*/
function DomSanitizerImpl(_doc) {
var _this = _super.call(this) || this;
_this._doc = _doc;
return _this;
}
/**
* @param {?} ctx
* @param {?} value
* @return {?}
*/
DomSanitizerImpl.prototype.sanitize = function (ctx, value) {
if (value == null)
return null;
switch (ctx) {
case SecurityContext.NONE:
return value;
case SecurityContext.HTML:
if (value instanceof SafeHtmlImpl)
return value.changingThisBreaksApplicationSecurity;
this.checkNotSafeValue(value, 'HTML');
return sanitizeHtml(this._doc, String(value));
case SecurityContext.STYLE:
if (value instanceof SafeStyleImpl)
return value.changingThisBreaksApplicationSecurity;
this.checkNotSafeValue(value, 'Style');
return sanitizeStyle(value);
case SecurityContext.SCRIPT:
if (value instanceof SafeScriptImpl)
return value.changingThisBreaksApplicationSecurity;
this.checkNotSafeValue(value, 'Script');
throw new Error('unsafe value used in a script context');
case SecurityContext.URL:
if (value instanceof SafeResourceUrlImpl || value instanceof SafeUrlImpl) {
// Allow resource URLs in URL contexts, they are strictly more trusted.
return value.changingThisBreaksApplicationSecurity;
}
this.checkNotSafeValue(value, 'URL');
return sanitizeUrl(String(value));
case SecurityContext.RESOURCE_URL:
if (value instanceof SafeResourceUrlImpl) {
return value.changingThisBreaksApplicationSecurity;
}
this.checkNotSafeValue(value, 'ResourceURL');
throw new Error('unsafe value used in a resource URL context (see http://g.co/ng/security#xss)');
default:
throw new Error("Unexpected SecurityContext " + ctx + " (see http://g.co/ng/security#xss)");
}
};
/**
* @param {?} value
* @param {?} expectedType
* @return {?}
*/
DomSanitizerImpl.prototype.checkNotSafeValue = function (value, expectedType) {
if (value instanceof SafeValueImpl) {
throw new Error("Required a safe " + expectedType + ", got a " + value.getTypeName() + " " +
"(see http://g.co/ng/security#xss)");
}
};
/**
* @param {?} value
* @return {?}
*/
DomSanitizerImpl.prototype.bypassSecurityTrustHtml = function (value) { return new SafeHtmlImpl(value); };
/**
* @param {?} value
* @return {?}
*/
DomSanitizerImpl.prototype.bypassSecurityTrustStyle = function (value) { return new SafeStyleImpl(value); };
/**
* @param {?} value
* @return {?}
*/
DomSanitizerImpl.prototype.bypassSecurityTrustScript = function (value) { return new SafeScriptImpl(value); };
/**
* @param {?} value
* @return {?}
*/
DomSanitizerImpl.prototype.bypassSecurityTrustUrl = function (value) { return new SafeUrlImpl(value); };
/**
* @param {?} value
* @return {?}
*/
DomSanitizerImpl.prototype.bypassSecurityTrustResourceUrl = function (value) {
return new SafeResourceUrlImpl(value);
};
return DomSanitizerImpl;
}(DomSanitizer));
DomSanitizerImpl.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
DomSanitizerImpl.ctorParameters = function () { return [
{ type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] },] },
]; };
/**
* @abstract
*/
var SafeValueImpl = (function () {
/**
* @param {?} changingThisBreaksApplicationSecurity
*/
function SafeValueImpl(changingThisBreaksApplicationSecurity) {
this.changingThisBreaksApplicationSecurity = changingThisBreaksApplicationSecurity;
// empty
}
/**
* @abstract
* @return {?}
*/
SafeValueImpl.prototype.getTypeName = function () { };
/**
* @return {?}
*/
SafeValueImpl.prototype.toString = function () {
return "SafeValue must use [property]=binding: " + this.changingThisBreaksApplicationSecurity +
" (see http://g.co/ng/security#xss)";
};
return SafeValueImpl;
}());
var SafeHtmlImpl = (function (_super) {
__extends$14(SafeHtmlImpl, _super);
function SafeHtmlImpl() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
SafeHtmlImpl.prototype.getTypeName = function () { return 'HTML'; };
return SafeHtmlImpl;
}(SafeValueImpl));
var SafeStyleImpl = (function (_super) {
__extends$14(SafeStyleImpl, _super);
function SafeStyleImpl() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
SafeStyleImpl.prototype.getTypeName = function () { return 'Style'; };
return SafeStyleImpl;
}(SafeValueImpl));
var SafeScriptImpl = (function (_super) {
__extends$14(SafeScriptImpl, _super);
function SafeScriptImpl() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
SafeScriptImpl.prototype.getTypeName = function () { return 'Script'; };
return SafeScriptImpl;
}(SafeValueImpl));
var SafeUrlImpl = (function (_super) {
__extends$14(SafeUrlImpl, _super);
function SafeUrlImpl() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
SafeUrlImpl.prototype.getTypeName = function () { return 'URL'; };
return SafeUrlImpl;
}(SafeValueImpl));
var SafeResourceUrlImpl = (function (_super) {
__extends$14(SafeResourceUrlImpl, _super);
function SafeResourceUrlImpl() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
SafeResourceUrlImpl.prototype.getTypeName = function () { return 'ResourceURL'; };
return SafeResourceUrlImpl;
}(SafeValueImpl));
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var INTERNAL_BROWSER_PLATFORM_PROVIDERS = [
{ provide: PLATFORM_ID, useValue: PLATFORM_BROWSER_ID },
{ provide: PLATFORM_INITIALIZER, useValue: initDomAdapter, multi: true },
{ provide: PlatformLocation, useClass: BrowserPlatformLocation },
{ provide: DOCUMENT, useFactory: _document, deps: [] },
];
/**
* \@security Replacing built-in sanitization providers exposes the application to XSS risks.
* Attacker-controlled data introduced by an unsanitized provider could expose your
* application to XSS risks. For more detail, see the [Security Guide](http://g.co/ng/security).
* \@experimental
*/
var BROWSER_SANITIZATION_PROVIDERS = [
{ provide: Sanitizer, useExisting: DomSanitizer },
{ provide: DomSanitizer, useClass: DomSanitizerImpl },
];
/**
* \@stable
*/
var platformBrowser = createPlatformFactory(platformCore, 'browser', INTERNAL_BROWSER_PLATFORM_PROVIDERS);
/**
* @return {?}
*/
function initDomAdapter() {
BrowserDomAdapter.makeCurrent();
BrowserGetTestability.init();
}
/**
* @return {?}
*/
function errorHandler() {
return new ErrorHandler();
}
/**
* @return {?}
*/
function _document() {
return document;
}
/**
* The ng module for the browser.
*
* \@stable
*/
var BrowserModule = (function () {
/**
* @param {?} parentModule
*/
function BrowserModule(parentModule) {
if (parentModule) {
throw new Error("BrowserModule has already been loaded. If you need access to common directives such as NgIf and NgFor from a lazy loaded module, import CommonModule instead.");
}
}
/**
* Configures a browser-based application to transition from a server-rendered app, if
* one is present on the page. The specified parameters must include an application id,
* which must match between the client and server applications.
*
* \@experimental
* @param {?} params
* @return {?}
*/
BrowserModule.withServerTransition = function (params) {
return {
ngModule: BrowserModule,
providers: [
{ provide: APP_ID, useValue: params.appId },
{ provide: TRANSITION_ID, useExisting: APP_ID },
SERVER_TRANSITION_PROVIDERS,
],
};
};
return BrowserModule;
}());
BrowserModule.decorators = [
{ type: NgModule, args: [{
providers: [
BROWSER_SANITIZATION_PROVIDERS,
{ provide: ErrorHandler, useFactory: errorHandler, deps: [] },
{ provide: EVENT_MANAGER_PLUGINS, useClass: DomEventsPlugin, multi: true },
{ provide: EVENT_MANAGER_PLUGINS, useClass: KeyEventsPlugin, multi: true },
{ provide: EVENT_MANAGER_PLUGINS, useClass: HammerGesturesPlugin, multi: true },
{ provide: HAMMER_GESTURE_CONFIG, useClass: HammerGestureConfig },
DomRendererFactory2,
{ provide: RendererFactory2, useExisting: DomRendererFactory2 },
{ provide: SharedStylesHost, useExisting: DomSharedStylesHost },
DomSharedStylesHost,
Testability,
EventManager,
ELEMENT_PROBE_PROVIDERS,
Meta,
Title,
],
exports: [CommonModule, ApplicationModule]
},] },
];
/**
* @nocollapse
*/
BrowserModule.ctorParameters = function () { return [
{ type: BrowserModule, decorators: [{ type: Optional }, { type: SkipSelf },] },
]; };
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var win = typeof window !== 'undefined' && window || {};
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var ChangeDetectionPerfRecord = (function () {
/**
* @param {?} msPerTick
* @param {?} numTicks
*/
function ChangeDetectionPerfRecord(msPerTick, numTicks) {
this.msPerTick = msPerTick;
this.numTicks = numTicks;
}
return ChangeDetectionPerfRecord;
}());
/**
* Entry point for all Angular profiling-related debug tools. This object
* corresponds to the `ng.profiler` in the dev console.
*/
var AngularProfiler = (function () {
/**
* @param {?} ref
*/
function AngularProfiler(ref) {
this.appRef = ref.injector.get(ApplicationRef);
}
/**
* Exercises change detection in a loop and then prints the average amount of
* time in milliseconds how long a single round of change detection takes for
* the current state of the UI. It runs a minimum of 5 rounds for a minimum
* of 500 milliseconds.
*
* Optionally, a user may pass a `config` parameter containing a map of
* options. Supported options are:
*
* `record` (boolean) - causes the profiler to record a CPU profile while
* it exercises the change detector. Example:
*
* ```
* ng.profiler.timeChangeDetection({record: true})
* ```
* @param {?} config
* @return {?}
*/
AngularProfiler.prototype.timeChangeDetection = function (config) {
var /** @type {?} */ record = config && config['record'];
var /** @type {?} */ profileName = 'Change Detection';
// Profiler is not available in Android browsers, nor in IE 9 without dev tools opened
var /** @type {?} */ isProfilerAvailable = win.console.profile != null;
if (record && isProfilerAvailable) {
win.console.profile(profileName);
}
var /** @type {?} */ start = getDOM().performanceNow();
var /** @type {?} */ numTicks = 0;
while (numTicks < 5 || (getDOM().performanceNow() - start) < 500) {
this.appRef.tick();
numTicks++;
}
var /** @type {?} */ end = getDOM().performanceNow();
if (record && isProfilerAvailable) {
// need to cast to <any> because type checker thinks there's no argument
// while in fact there is:
//
// https://developer.mozilla.org/en-US/docs/Web/API/Console/profileEnd
((win.console.profileEnd))(profileName);
}
var /** @type {?} */ msPerTick = (end - start) / numTicks;
win.console.log("ran " + numTicks + " change detection cycles");
win.console.log(msPerTick.toFixed(2) + " ms per check");
return new ChangeDetectionPerfRecord(msPerTick, numTicks);
};
return AngularProfiler;
}());
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var PROFILER_GLOBAL_NAME = 'ng.profiler';
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* @module
* @description
* Entry point for all public APIs of the common package.
*/
/**
* \@stable
*/
var VERSION$2 = new Version('4.0.0');
var __extends$16 = (commonjsGlobal && commonjsGlobal.__extends) || function (d, b) {
for (var p in b) Eif (b.hasOwnProperty(p)) d[p] = b[p];
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
var Observable_1$8 = Observable_1;
var EmptyObservable_1$3 = EmptyObservable_1$1;
var isArray_1$3 = isArray;
var subscribeToResult_1$3 = subscribeToResult_1$1;
var OuterSubscriber_1$3 = OuterSubscriber_1$1;
/**
* We need this JSDoc comment for affecting ESDoc.
* @extends {Ignored}
* @hide true
*/
var ForkJoinObservable = (function (_super) {
__extends$16(ForkJoinObservable, _super);
function ForkJoinObservable(sources, resultSelector) {
_super.call(this);
this.sources = sources;
this.resultSelector = resultSelector;
}
/* tslint:enable:max-line-length */
/**
* @param sources
* @return {any}
* @static true
* @name forkJoin
* @owner Observable
*/
ForkJoinObservable.create = function () {
var sources = [];
for (var _i = 0; _i < arguments.length; _i++) {
sources[_i - 0] = arguments[_i];
}
if (sources === null || arguments.length === 0) {
return new EmptyObservable_1$3.EmptyObservable();
}
var resultSelector = null;
if (typeof sources[sources.length - 1] === 'function') {
resultSelector = sources.pop();
}
// if the first and only other argument besides the resultSelector is an array
// assume it's been called with `forkJoin([obs1, obs2, obs3], resultSelector)`
if (sources.length === 1 && isArray_1$3.isArray(sources[0])) {
sources = sources[0];
}
if (sources.length === 0) {
return new EmptyObservable_1$3.EmptyObservable();
}
return new ForkJoinObservable(sources, resultSelector);
};
ForkJoinObservable.prototype._subscribe = function (subscriber) {
return new ForkJoinSubscriber(subscriber, this.sources, this.resultSelector);
};
return ForkJoinObservable;
}(Observable_1$8.Observable));
var ForkJoinObservable_2 = ForkJoinObservable;
/**
* We need this JSDoc comment for affecting ESDoc.
* @ignore
* @extends {Ignored}
*/
var ForkJoinSubscriber = (function (_super) {
__extends$16(ForkJoinSubscriber, _super);
function ForkJoinSubscriber(destination, sources, resultSelector) {
_super.call(this, destination);
this.sources = sources;
this.resultSelector = resultSelector;
this.completed = 0;
this.haveValues = 0;
var len = sources.length;
this.total = len;
this.values = new Array(len);
for (var i = 0; i < len; i++) {
var source = sources[i];
var innerSubscription = subscribeToResult_1$3.subscribeToResult(this, source, null, i);
if (innerSubscription) {
innerSubscription.outerIndex = i;
this.add(innerSubscription);
}
}
}
ForkJoinSubscriber.prototype.notifyNext = function (outerValue, innerValue, outerIndex, innerIndex, innerSub) {
this.values[outerIndex] = innerValue;
if (!innerSub._hasValue) {
innerSub._hasValue = true;
this.haveValues++;
}
};
ForkJoinSubscriber.prototype.notifyComplete = function (innerSub) {
var destination = this.destination;
var _a = this, haveValues = _a.haveValues, resultSelector = _a.resultSelector, values = _a.values;
var len = values.length;
if (!innerSub._hasValue) {
destination.complete();
return;
}
this.completed++;
if (this.completed !== len) {
return;
}
if (haveValues === len) {
var value = resultSelector ? resultSelector.apply(this, values) : values;
destination.next(value);
}
destination.complete();
};
return ForkJoinSubscriber;
}(OuterSubscriber_1$3.OuterSubscriber));
var ForkJoinObservable_1$1 = {
ForkJoinObservable: ForkJoinObservable_2
};
var ForkJoinObservable_1 = ForkJoinObservable_1$1;
var forkJoin_1 = ForkJoinObservable_1.ForkJoinObservable.create;
var __extends$17 = (commonjsGlobal && commonjsGlobal.__extends) || function (d, b) {
for (var p in b) Eif (b.hasOwnProperty(p)) d[p] = b[p];
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
var root_1$6 = root;
var Observable_1$9 = Observable_1;
/**
* We need this JSDoc comment for affecting ESDoc.
* @extends {Ignored}
* @hide true
*/
var PromiseObservable = (function (_super) {
__extends$17(PromiseObservable, _super);
function PromiseObservable(promise, scheduler) {
_super.call(this);
this.promise = promise;
this.scheduler = scheduler;
}
/**
* Converts a Promise to an Observable.
*
* <span class="informal">Returns an Observable that just emits the Promise's
* resolved value, then completes.</span>
*
* Converts an ES2015 Promise or a Promises/A+ spec compliant Promise to an
* Observable. If the Promise resolves with a value, the output Observable
* emits that resolved value as a `next`, and then completes. If the Promise
* is rejected, then the output Observable emits the corresponding Error.
*
* @example <caption>Convert the Promise returned by Fetch to an Observable</caption>
* var result = Rx.Observable.fromPromise(fetch('http://myserver.com/'));
* result.subscribe(x => console.log(x), e => console.error(e));
*
* @see {@link bindCallback}
* @see {@link from}
*
* @param {Promise<T>} promise The promise to be converted.
* @param {Scheduler} [scheduler] An optional IScheduler to use for scheduling
* the delivery of the resolved value (or the rejection).
* @return {Observable<T>} An Observable which wraps the Promise.
* @static true
* @name fromPromise
* @owner Observable
*/
PromiseObservable.create = function (promise, scheduler) {
return new PromiseObservable(promise, scheduler);
};
PromiseObservable.prototype._subscribe = function (subscriber) {
var _this = this;
var promise = this.promise;
var scheduler = this.scheduler;
if (scheduler == null) {
if (this._isScalar) {
if (!subscriber.closed) {
subscriber.next(this.value);
subscriber.complete();
}
}
else {
promise.then(function (value) {
_this.value = value;
_this._isScalar = true;
if (!subscriber.closed) {
subscriber.next(value);
subscriber.complete();
}
}, function (err) {
if (!subscriber.closed) {
subscriber.error(err);
}
})
.then(null, function (err) {
// escape the promise trap, throw unhandled errors
root_1$6.root.setTimeout(function () { throw err; });
});
}
}
else {
if (this._isScalar) {
if (!subscriber.closed) {
return scheduler.schedule(dispatchNext, 0, { value: this.value, subscriber: subscriber });
}
}
else {
promise.then(function (value) {
_this.value = value;
_this._isScalar = true;
if (!subscriber.closed) {
subscriber.add(scheduler.schedule(dispatchNext, 0, { value: value, subscriber: subscriber }));
}
}, function (err) {
if (!subscriber.closed) {
subscriber.add(scheduler.schedule(dispatchError, 0, { err: err, subscriber: subscriber }));
}
})
.then(null, function (err) {
// escape the promise trap, throw unhandled errors
root_1$6.root.setTimeout(function () { throw err; });
});
}
}
};
return PromiseObservable;
}(Observable_1$9.Observable));
var PromiseObservable_2 = PromiseObservable;
function dispatchNext(arg) {
var value = arg.value, subscriber = arg.subscriber;
if (!subscriber.closed) {
subscriber.next(value);
subscriber.complete();
}
}
function dispatchError(arg) {
var err = arg.err, subscriber = arg.subscriber;
if (!subscriber.closed) {
subscriber.error(err);
}
}
var PromiseObservable_1$1 = {
PromiseObservable: PromiseObservable_2
};
var PromiseObservable_1 = PromiseObservable_1$1;
var fromPromise_1 = PromiseObservable_1.PromiseObservable.create;
var __extends$18 = (commonjsGlobal && commonjsGlobal.__extends) || function (d, b) {
for (var p in b) Eif (b.hasOwnProperty(p)) d[p] = b[p];
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
var Subscriber_1$7 = Subscriber_1$1;
/**
* Applies a given `project` function to each value emitted by the source
* Observable, and emits the resulting values as an Observable.
*
* <span class="informal">Like [Array.prototype.map()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map),
* it passes each source value through a transformation function to get
* corresponding output values.</span>
*
* <img src="./img/map.png" width="100%">
*
* Similar to the well known `Array.prototype.map` function, this operator
* applies a projection to each value and emits that projection in the output
* Observable.
*
* @example <caption>Map every every click to the clientX position of that click</caption>
* var clicks = Rx.Observable.fromEvent(document, 'click');
* var positions = clicks.map(ev => ev.clientX);
* positions.subscribe(x => console.log(x));
*
* @see {@link mapTo}
* @see {@link pluck}
*
* @param {function(value: T, index: number): R} project The function to apply
* to each `value` emitted by the source Observable. The `index` parameter is
* the number `i` for the i-th emission that has happened since the
* subscription, starting from the number `0`.
* @param {any} [thisArg] An optional argument to define what `this` is in the
* `project` function.
* @return {Observable<R>} An Observable that emits the values from the source
* Observable transformed by the given `project` function.
* @method map
* @owner Observable
*/
function map(project, thisArg) {
if (typeof project !== 'function') {
throw new TypeError('argument is not a function. Are you looking for `mapTo()`?');
}
return this.lift(new MapOperator(project, thisArg));
}
var map_2 = map;
var MapOperator = (function () {
function MapOperator(project, thisArg) {
this.project = project;
this.thisArg = thisArg;
}
MapOperator.prototype.call = function (subscriber, source) {
return source.subscribe(new MapSubscriber(subscriber, this.project, this.thisArg));
};
return MapOperator;
}());
/**
* We need this JSDoc comment for affecting ESDoc.
* @ignore
* @extends {Ignored}
*/
var MapSubscriber = (function (_super) {
__extends$18(MapSubscriber, _super);
function MapSubscriber(destination, project, thisArg) {
_super.call(this, destination);
this.project = project;
this.count = 0;
this.thisArg = thisArg || this;
}
// NOTE: This looks unoptimized, but it's actually purposefully NOT
// using try/catch optimizations.
MapSubscriber.prototype._next = function (value) {
var result;
try {
result = this.project.call(this.thisArg, value, this.count++);
}
catch (err) {
this.destination.error(err);
return;
}
this.destination.next(result);
};
return MapSubscriber;
}(Subscriber_1$7.Subscriber));
var __extends$15 = (undefined && undefined.__extends) || function (d, b) {
for (var p in b) Eif (b.hasOwnProperty(p)) d[p] = b[p];
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
/**
* @license Angular v4.0.0
* (c) 2010-2017 Google, Inc. https://angular.io/
* License: MIT
*/
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* Base class for control directives.
*
* Only used internally in the forms module.
*
* \@stable
* @abstract
*/
var AbstractControlDirective = (function () {
function AbstractControlDirective() {
}
Object.defineProperty(AbstractControlDirective.prototype, "control", {
/**
* @return {?}
*/
get: function () { throw new Error('unimplemented'); },
enumerable: true,
configurable: true
});
Object.defineProperty(AbstractControlDirective.prototype, "value", {
/**
* @return {?}
*/
get: function () { return this.control ? this.control.value : null; },
enumerable: true,
configurable: true
});
Object.defineProperty(AbstractControlDirective.prototype, "valid", {
/**
* @return {?}
*/
get: function () { return this.control ? this.control.valid : null; },
enumerable: true,
configurable: true
});
Object.defineProperty(AbstractControlDirective.prototype, "invalid", {
/**
* @return {?}
*/
get: function () { return this.control ? this.control.invalid : null; },
enumerable: true,
configurable: true
});
Object.defineProperty(AbstractControlDirective.prototype, "pending", {
/**
* @return {?}
*/
get: function () { return this.control ? this.control.pending : null; },
enumerable: true,
configurable: true
});
Object.defineProperty(AbstractControlDirective.prototype, "errors", {
/**
* @return {?}
*/
get: function () { return this.control ? this.control.errors : null; },
enumerable: true,
configurable: true
});
Object.defineProperty(AbstractControlDirective.prototype, "pristine", {
/**
* @return {?}
*/
get: function () { return this.control ? this.control.pristine : null; },
enumerable: true,
configurable: true
});
Object.defineProperty(AbstractControlDirective.prototype, "dirty", {
/**
* @return {?}
*/
get: function () { return this.control ? this.control.dirty : null; },
enumerable: true,
configurable: true
});
Object.defineProperty(AbstractControlDirective.prototype, "touched", {
/**
* @return {?}
*/
get: function () { return this.control ? this.control.touched : null; },
enumerable: true,
configurable: true
});
Object.defineProperty(AbstractControlDirective.prototype, "untouched", {
/**
* @return {?}
*/
get: function () { return this.control ? this.control.untouched : null; },
enumerable: true,
configurable: true
});
Object.defineProperty(AbstractControlDirective.prototype, "disabled", {
/**
* @return {?}
*/
get: function () { return this.control ? this.control.disabled : null; },
enumerable: true,
configurable: true
});
Object.defineProperty(AbstractControlDirective.prototype, "enabled", {
/**
* @return {?}
*/
get: function () { return this.control ? this.control.enabled : null; },
enumerable: true,
configurable: true
});
Object.defineProperty(AbstractControlDirective.prototype, "statusChanges", {
/**
* @return {?}
*/
get: function () { return this.control ? this.control.statusChanges : null; },
enumerable: true,
configurable: true
});
Object.defineProperty(AbstractControlDirective.prototype, "valueChanges", {
/**
* @return {?}
*/
get: function () { return this.control ? this.control.valueChanges : null; },
enumerable: true,
configurable: true
});
Object.defineProperty(AbstractControlDirective.prototype, "path", {
/**
* @return {?}
*/
get: function () { return null; },
enumerable: true,
configurable: true
});
/**
* @param {?=} value
* @return {?}
*/
AbstractControlDirective.prototype.reset = function (value) {
if (value === void 0) { value = undefined; }
if (this.control)
this.control.reset(value);
};
/**
* @param {?} errorCode
* @param {?=} path
* @return {?}
*/
AbstractControlDirective.prototype.hasError = function (errorCode, path) {
if (path === void 0) { path = null; }
return this.control ? this.control.hasError(errorCode, path) : false;
};
/**
* @param {?} errorCode
* @param {?=} path
* @return {?}
*/
AbstractControlDirective.prototype.getError = function (errorCode, path) {
if (path === void 0) { path = null; }
return this.control ? this.control.getError(errorCode, path) : null;
};
return AbstractControlDirective;
}());
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* A directive that contains multiple {\@link NgControl}s.
*
* Only used by the forms module.
*
* \@stable
*/
var ControlContainer = (function (_super) {
__extends$15(ControlContainer, _super);
function ControlContainer() {
return _super !== null && _super.apply(this, arguments) || this;
}
Object.defineProperty(ControlContainer.prototype, "formDirective", {
/**
* Get the form to which this container belongs.
* @return {?}
*/
get: function () { return null; },
enumerable: true,
configurable: true
});
Object.defineProperty(ControlContainer.prototype, "path", {
/**
* Get the path to this container.
* @return {?}
*/
get: function () { return null; },
enumerable: true,
configurable: true
});
return ControlContainer;
}(AbstractControlDirective));
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* @param {?} value
* @return {?}
*/
function isEmptyInputValue(value) {
// we don't check for string here so it also works with arrays
return value == null || value.length === 0;
}
/**
* Providers for validators to be used for {\@link FormControl}s in a form.
*
* Provide this using `multi: true` to add validators.
*
* ### Example
*
* {\@example core/forms/ts/ng_validators/ng_validators.ts region='ng_validators'}
* \@stable
*/
var NG_VALIDATORS = new InjectionToken('NgValidators');
/**
* Providers for asynchronous validators to be used for {\@link FormControl}s
* in a form.
*
* Provide this using `multi: true` to add validators.
*
* See {\@link NG_VALIDATORS} for more details.
*
* \@stable
*/
var NG_ASYNC_VALIDATORS = new InjectionToken('NgAsyncValidators');
var EMAIL_REGEXP = /^(?=.{1,254}$)(?=.{1,64}@)[-!#$%&'*+/0-9=?A-Z^_`a-z{|}~]+(\.[-!#$%&'*+/0-9=?A-Z^_`a-z{|}~]+)*@[A-Za-z0-9]([A-Za-z0-9-]{0,61}[A-Za-z0-9])?(\.[A-Za-z0-9]([A-Za-z0-9-]{0,61}[A-Za-z0-9])?)*$/;
/**
* Provides a set of validators used by form controls.
*
* A validator is a function that processes a {\@link FormControl} or collection of
* controls and returns a map of errors. A null map means that validation has passed.
*
* ### Example
*
* ```typescript
* var loginControl = new FormControl("", Validators.required)
* ```
*
* \@stable
*/
var Validators = (function () {
function Validators() {
}
/**
* Validator that requires controls to have a non-empty value.
* @param {?} control
* @return {?}
*/
Validators.required = function (control) {
return isEmptyInputValue(control.value) ? { 'required': true } : null;
};
/**
* Validator that requires control value to be true.
* @param {?} control
* @return {?}
*/
Validators.requiredTrue = function (control) {
return control.value === true ? null : { 'required': true };
};
/**
* Validator that performs email validation.
* @param {?} control
* @return {?}
*/
Validators.email = function (control) {
return EMAIL_REGEXP.test(control.value) ? null : { 'email': true };
};
/**
* Validator that requires controls to have a value of a minimum length.
* @param {?} minLength
* @return {?}
*/
Validators.minLength = function (minLength) {
return function (control) {
if (isEmptyInputValue(control.value)) {
return null; // don't validate empty values to allow optional controls
}
var /** @type {?} */ length = control.value ? control.value.length : 0;
return length < minLength ?
{ 'minlength': { 'requiredLength': minLength, 'actualLength': length } } :
null;
};
};
/**
* Validator that requires controls to have a value of a maximum length.
* @param {?} maxLength
* @return {?}
*/
Validators.maxLength = function (maxLength) {
return function (control) {
var /** @type {?} */ length = control.value ? control.value.length : 0;
return length > maxLength ?
{ 'maxlength': { 'requiredLength': maxLength, 'actualLength': length } } :
null;
};
};
/**
* Validator that requires a control to match a regex to its value.
* @param {?} pattern
* @return {?}
*/
Validators.pattern = function (pattern) {
if (!pattern)
return Validators.nullValidator;
var /** @type {?} */ regex;
var /** @type {?} */ regexStr;
if (typeof pattern === 'string') {
regexStr = "^" + pattern + "$";
regex = new RegExp(regexStr);
}
else {
regexStr = pattern.toString();
regex = pattern;
}
return function (control) {
if (isEmptyInputValue(control.value)) {
return null; // don't validate empty values to allow optional controls
}
var /** @type {?} */ value = control.value;
return regex.test(value) ? null :
{ 'pattern': { 'requiredPattern': regexStr, 'actualValue': value } };
};
};
/**
* No-op validator.
* @param {?} c
* @return {?}
*/
Validators.nullValidator = function (c) { return null; };
/**
* Compose multiple validators into a single function that returns the union
* of the individual error maps.
* @param {?} validators
* @return {?}
*/
Validators.compose = function (validators) {
if (!validators)
return null;
var /** @type {?} */ presentValidators = validators.filter(isPresent);
if (presentValidators.length == 0)
return null;
return function (control) {
return _mergeErrors(_executeValidators(control, presentValidators));
};
};
/**
* @param {?} validators
* @return {?}
*/
Validators.composeAsync = function (validators) {
if (!validators)
return null;
var /** @type {?} */ presentValidators = validators.filter(isPresent);
if (presentValidators.length == 0)
return null;
return function (control) {
var /** @type {?} */ observables = _executeAsyncValidators(control, presentValidators).map(toObservable);
return map_2.call(forkJoin_1(observables), _mergeErrors);
};
};
return Validators;
}());
/**
* @param {?} o
* @return {?}
*/
function isPresent(o) {
return o != null;
}
/**
* @param {?} r
* @return {?}
*/
function toObservable(r) {
var /** @type {?} */ obs = isPromise(r) ? fromPromise_1(r) : r;
if (!(isObservable(obs))) {
throw new Error("Expected validator to return Promise or Observable.");
}
return obs;
}
/**
* @param {?} control
* @param {?} validators
* @return {?}
*/
function _executeValidators(control, validators) {
return validators.map(function (v) { return v(control); });
}
/**
* @param {?} control
* @param {?} validators
* @return {?}
*/
function _executeAsyncValidators(control, validators) {
return validators.map(function (v) { return v(control); });
}
/**
* @param {?} arrayOfErrors
* @return {?}
*/
function _mergeErrors(arrayOfErrors) {
var /** @type {?} */ res = arrayOfErrors.reduce(function (res, errors) {
return errors != null ? merge$1(res, errors) : res;
}, {});
return Object.keys(res).length === 0 ? null : res;
}
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* Used to provide a {\@link ControlValueAccessor} for form controls.
*
* See {\@link DefaultValueAccessor} for how to implement one.
* \@stable
*/
var NG_VALUE_ACCESSOR = new InjectionToken('NgValueAccessor');
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var CHECKBOX_VALUE_ACCESSOR = {
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(function () { return CheckboxControlValueAccessor; }),
multi: true,
};
/**
* The accessor for writing a value and listening to changes on a checkbox input element.
*
* ### Example
* ```
* <input type="checkbox" name="rememberLogin" ngModel>
* ```
*
* \@stable
*/
var CheckboxControlValueAccessor = (function () {
/**
* @param {?} _renderer
* @param {?} _elementRef
*/
function CheckboxControlValueAccessor(_renderer, _elementRef) {
this._renderer = _renderer;
this._elementRef = _elementRef;
this.onChange = function (_) { };
this.onTouched = function () { };
}
/**
* @param {?} value
* @return {?}
*/
CheckboxControlValueAccessor.prototype.writeValue = function (value) {
this._renderer.setElementProperty(this._elementRef.nativeElement, 'checked', value);
};
/**
* @param {?} fn
* @return {?}
*/
CheckboxControlValueAccessor.prototype.registerOnChange = function (fn) { this.onChange = fn; };
/**
* @param {?} fn
* @return {?}
*/
CheckboxControlValueAccessor.prototype.registerOnTouched = function (fn) { this.onTouched = fn; };
/**
* @param {?} isDisabled
* @return {?}
*/
CheckboxControlValueAccessor.prototype.setDisabledState = function (isDisabled) {
this._renderer.setElementProperty(this._elementRef.nativeElement, 'disabled', isDisabled);
};
return CheckboxControlValueAccessor;
}());
CheckboxControlValueAccessor.decorators = [
{ type: Directive, args: [{
selector: 'input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]',
host: { '(change)': 'onChange($event.target.checked)', '(blur)': 'onTouched()' },
providers: [CHECKBOX_VALUE_ACCESSOR]
},] },
];
/**
* @nocollapse
*/
CheckboxControlValueAccessor.ctorParameters = function () { return [
{ type: Renderer, },
{ type: ElementRef, },
]; };
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var DEFAULT_VALUE_ACCESSOR = {
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(function () { return DefaultValueAccessor; }),
multi: true
};
/**
* We must check whether the agent is Android because composition events
* behave differently between iOS and Android.
* @return {?}
*/
function _isAndroid() {
var /** @type {?} */ userAgent = getDOM() ? getDOM().getUserAgent() : '';
return /android (\d+)/.test(userAgent.toLowerCase());
}
/**
* Turn this mode on if you want form directives to buffer IME input until compositionend
* \@experimental
*/
var COMPOSITION_BUFFER_MODE = new InjectionToken('CompositionEventMode');
/**
* The default accessor for writing a value and listening to changes that is used by the
* {\@link NgModel}, {\@link FormControlDirective}, and {\@link FormControlName} directives.
*
* ### Example
* ```
* <input type="text" name="searchQuery" ngModel>
* ```
*
* \@stable
*/
var DefaultValueAccessor = (function () {
/**
* @param {?} _renderer
* @param {?} _elementRef
* @param {?} _compositionMode
*/
function DefaultValueAccessor(_renderer, _elementRef, _compositionMode) {
this._renderer = _renderer;
this._elementRef = _elementRef;
this._compositionMode = _compositionMode;
this.onChange = function (_) { };
this.onTouched = function () { };
this._composing = false;
if (this._compositionMode == null) {
this._compositionMode = !_isAndroid();
}
}
/**
* @param {?} value
* @return {?}
*/
DefaultValueAccessor.prototype.writeValue = function (value) {
var /** @type {?} */ normalizedValue = value == null ? '' : value;
this._renderer.setElementProperty(this._elementRef.nativeElement, 'value', normalizedValue);
};
/**
* @param {?} fn
* @return {?}
*/
DefaultValueAccessor.prototype.registerOnChange = function (fn) { this.onChange = fn; };
/**
* @param {?} fn
* @return {?}
*/
DefaultValueAccessor.prototype.registerOnTouched = function (fn) { this.onTouched = fn; };
/**
* @param {?} isDisabled
* @return {?}
*/
DefaultValueAccessor.prototype.setDisabledState = function (isDisabled) {
this._renderer.setElementProperty(this._elementRef.nativeElement, 'disabled', isDisabled);
};
/**
* @param {?} value
* @return {?}
*/
DefaultValueAccessor.prototype._handleInput = function (value) {
if (!this._compositionMode || (this._compositionMode && !this._composing)) {
this.onChange(value);
}
};
/**
* @return {?}
*/
DefaultValueAccessor.prototype._compositionStart = function () { this._composing = true; };
/**
* @param {?} value
* @return {?}
*/
DefaultValueAccessor.prototype._compositionEnd = function (value) {
this._composing = false;
this._compositionMode && this.onChange(value);
};
return DefaultValueAccessor;
}());
DefaultValueAccessor.decorators = [
{ type: Directive, args: [{
selector: 'input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]',
// TODO: vsavkin replace the above selector with the one below it once
// https://github.com/angular/angular/issues/3011 is implemented
// selector: '[ngModel],[formControl],[formControlName]',
host: {
'(input)': '_handleInput($event.target.value)',
'(blur)': 'onTouched()',
'(compositionstart)': '_compositionStart()',
'(compositionend)': '_compositionEnd($event.target.value)'
},
providers: [DEFAULT_VALUE_ACCESSOR]
},] },
];
/**
* @nocollapse
*/
DefaultValueAccessor.ctorParameters = function () { return [
{ type: Renderer, },
{ type: ElementRef, },
{ type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [COMPOSITION_BUFFER_MODE,] },] },
]; };
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* @param {?} validator
* @return {?}
*/
function normalizeValidator(validator) {
if (((validator)).validate) {
return function (c) { return ((validator)).validate(c); };
}
else {
return (validator);
}
}
/**
* @param {?} validator
* @return {?}
*/
function normalizeAsyncValidator(validator) {
if (((validator)).validate) {
return function (c) { return ((validator)).validate(c); };
}
else {
return (validator);
}
}
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var NUMBER_VALUE_ACCESSOR = {
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(function () { return NumberValueAccessor; }),
multi: true
};
/**
* The accessor for writing a number value and listening to changes that is used by the
* {\@link NgModel}, {\@link FormControlDirective}, and {\@link FormControlName} directives.
*
* ### Example
* ```
* <input type="number" [(ngModel)]="age">
* ```
*/
var NumberValueAccessor = (function () {
/**
* @param {?} _renderer
* @param {?} _elementRef
*/
function NumberValueAccessor(_renderer, _elementRef) {
this._renderer = _renderer;
this._elementRef = _elementRef;
this.onChange = function (_) { };
this.onTouched = function () { };
}
/**
* @param {?} value
* @return {?}
*/
NumberValueAccessor.prototype.writeValue = function (value) {
// The value needs to be normalized for IE9, otherwise it is set to 'null' when null
var /** @type {?} */ normalizedValue = value == null ? '' : value;
this._renderer.setElementProperty(this._elementRef.nativeElement, 'value', normalizedValue);
};
/**
* @param {?} fn
* @return {?}
*/
NumberValueAccessor.prototype.registerOnChange = function (fn) {
this.onChange = function (value) { fn(value == '' ? null : parseFloat(value)); };
};
/**
* @param {?} fn
* @return {?}
*/
NumberValueAccessor.prototype.registerOnTouched = function (fn) { this.onTouched = fn; };
/**
* @param {?} isDisabled
* @return {?}
*/
NumberValueAccessor.prototype.setDisabledState = function (isDisabled) {
this._renderer.setElementProperty(this._elementRef.nativeElement, 'disabled', isDisabled);
};
return NumberValueAccessor;
}());
NumberValueAccessor.decorators = [
{ type: Directive, args: [{
selector: 'input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]',
host: {
'(change)': 'onChange($event.target.value)',
'(input)': 'onChange($event.target.value)',
'(blur)': 'onTouched()'
},
providers: [NUMBER_VALUE_ACCESSOR]
},] },
];
/**
* @nocollapse
*/
NumberValueAccessor.ctorParameters = function () { return [
{ type: Renderer, },
{ type: ElementRef, },
]; };
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* @return {?}
*/
function unimplemented() {
throw new Error('unimplemented');
}
/**
* A base class that all control directive extend.
* It binds a {\@link FormControl} object to a DOM element.
*
* Used internally by Angular forms.
*
* \@stable
* @abstract
*/
var NgControl = (function (_super) {
__extends$15(NgControl, _super);
function NgControl() {
var _this = _super.apply(this, arguments) || this;
/**
* \@internal
*/
_this._parent = null;
_this.name = null;
_this.valueAccessor = null;
/**
* \@internal
*/
_this._rawValidators = [];
/**
* \@internal
*/
_this._rawAsyncValidators = [];
return _this;
}
Object.defineProperty(NgControl.prototype, "validator", {
/**
* @return {?}
*/
get: function () { return (unimplemented()); },
enumerable: true,
configurable: true
});
Object.defineProperty(NgControl.prototype, "asyncValidator", {
/**
* @return {?}
*/
get: function () { return (unimplemented()); },
enumerable: true,
configurable: true
});
/**
* @abstract
* @param {?} newValue
* @return {?}
*/
NgControl.prototype.viewToModelUpdate = function (newValue) { };
return NgControl;
}(AbstractControlDirective));
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var RADIO_VALUE_ACCESSOR = {
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(function () { return RadioControlValueAccessor; }),
multi: true
};
/**
* Internal class used by Angular to uncheck radio buttons with the matching name.
*/
var RadioControlRegistry = (function () {
function RadioControlRegistry() {
this._accessors = [];
}
/**
* @param {?} control
* @param {?} accessor
* @return {?}
*/
RadioControlRegistry.prototype.add = function (control, accessor) {
this._accessors.push([control, accessor]);
};
/**
* @param {?} accessor
* @return {?}
*/
RadioControlRegistry.prototype.remove = function (accessor) {
for (var /** @type {?} */ i = this._accessors.length - 1; i >= 0; --i) {
if (this._accessors[i][1] === accessor) {
this._accessors.splice(i, 1);
return;
}
}
};
/**
* @param {?} accessor
* @return {?}
*/
RadioControlRegistry.prototype.select = function (accessor) {
var _this = this;
this._accessors.forEach(function (c) {
if (_this._isSameGroup(c, accessor) && c[1] !== accessor) {
c[1].fireUncheck(accessor.value);
}
});
};
/**
* @param {?} controlPair
* @param {?} accessor
* @return {?}
*/
RadioControlRegistry.prototype._isSameGroup = function (controlPair, accessor) {
if (!controlPair[0].control)
return false;
return controlPair[0]._parent === accessor._control._parent &&
controlPair[1].name === accessor.name;
};
return RadioControlRegistry;
}());
RadioControlRegistry.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
RadioControlRegistry.ctorParameters = function () { return []; };
/**
* \@whatItDoes Writes radio control values and listens to radio control changes.
*
* Used by {\@link NgModel}, {\@link FormControlDirective}, and {\@link FormControlName}
* to keep the view synced with the {\@link FormControl} model.
*
* \@howToUse
*
* If you have imported the {\@link FormsModule} or the {\@link ReactiveFormsModule}, this
* value accessor will be active on any radio control that has a form directive. You do
* **not** need to add a special selector to activate it.
*
* ### How to use radio buttons with form directives
*
* To use radio buttons in a template-driven form, you'll want to ensure that radio buttons
* in the same group have the same `name` attribute. Radio buttons with different `name`
* attributes do not affect each other.
*
* {\@example forms/ts/radioButtons/radio_button_example.ts region='TemplateDriven'}
*
* When using radio buttons in a reactive form, radio buttons in the same group should have the
* same `formControlName`. You can also add a `name` attribute, but it's optional.
*
* {\@example forms/ts/reactiveRadioButtons/reactive_radio_button_example.ts region='Reactive'}
*
* * **npm package**: `\@angular/forms`
*
* \@stable
*/
var RadioControlValueAccessor = (function () {
/**
* @param {?} _renderer
* @param {?} _elementRef
* @param {?} _registry
* @param {?} _injector
*/
function RadioControlValueAccessor(_renderer, _elementRef, _registry, _injector) {
this._renderer = _renderer;
this._elementRef = _elementRef;
this._registry = _registry;
this._injector = _injector;
this.onChange = function () { };
this.onTouched = function () { };
}
/**
* @return {?}
*/
RadioControlValueAccessor.prototype.ngOnInit = function () {
this._control = this._injector.get(NgControl);
this._checkName();
this._registry.add(this._control, this);
};
/**
* @return {?}
*/
RadioControlValueAccessor.prototype.ngOnDestroy = function () { this._registry.remove(this); };
/**
* @param {?} value
* @return {?}
*/
RadioControlValueAccessor.prototype.writeValue = function (value) {
this._state = value === this.value;
this._renderer.setElementProperty(this._elementRef.nativeElement, 'checked', this._state);
};
/**
* @param {?} fn
* @return {?}
*/
RadioControlValueAccessor.prototype.registerOnChange = function (fn) {
var _this = this;
this._fn = fn;
this.onChange = function () {
fn(_this.value);
_this._registry.select(_this);
};
};
/**
* @param {?} value
* @return {?}
*/
RadioControlValueAccessor.prototype.fireUncheck = function (value) { this.writeValue(value); };
/**
* @param {?} fn
* @return {?}
*/
RadioControlValueAccessor.prototype.registerOnTouched = function (fn) { this.onTouched = fn; };
/**
* @param {?} isDisabled
* @return {?}
*/
RadioControlValueAccessor.prototype.setDisabledState = function (isDisabled) {
this._renderer.setElementProperty(this._elementRef.nativeElement, 'disabled', isDisabled);
};
/**
* @return {?}
*/
RadioControlValueAccessor.prototype._checkName = function () {
if (this.name && this.formControlName && this.name !== this.formControlName) {
this._throwNameError();
}
if (!this.name && this.formControlName)
this.name = this.formControlName;
};
/**
* @return {?}
*/
RadioControlValueAccessor.prototype._throwNameError = function () {
throw new Error("\n If you define both a name and a formControlName attribute on your radio button, their values\n must match. Ex: <input type=\"radio\" formControlName=\"food\" name=\"food\">\n ");
};
return RadioControlValueAccessor;
}());
RadioControlValueAccessor.decorators = [
{ type: Directive, args: [{
selector: 'input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]',
host: { '(change)': 'onChange()', '(blur)': 'onTouched()' },
providers: [RADIO_VALUE_ACCESSOR]
},] },
];
/**
* @nocollapse
*/
RadioControlValueAccessor.ctorParameters = function () { return [
{ type: Renderer, },
{ type: ElementRef, },
{ type: RadioControlRegistry, },
{ type: Injector, },
]; };
RadioControlValueAccessor.propDecorators = {
'name': [{ type: Input },],
'formControlName': [{ type: Input },],
'value': [{ type: Input },],
};
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var RANGE_VALUE_ACCESSOR = {
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(function () { return RangeValueAccessor; }),
multi: true
};
/**
* The accessor for writing a range value and listening to changes that is used by the
* {\@link NgModel}, {\@link FormControlDirective}, and {\@link FormControlName} directives.
*
* ### Example
* ```
* <input type="range" [(ngModel)]="age" >
* ```
*/
var RangeValueAccessor = (function () {
/**
* @param {?} _renderer
* @param {?} _elementRef
*/
function RangeValueAccessor(_renderer, _elementRef) {
this._renderer = _renderer;
this._elementRef = _elementRef;
this.onChange = function (_) { };
this.onTouched = function () { };
}
/**
* @param {?} value
* @return {?}
*/
RangeValueAccessor.prototype.writeValue = function (value) {
this._renderer.setElementProperty(this._elementRef.nativeElement, 'value', parseFloat(value));
};
/**
* @param {?} fn
* @return {?}
*/
RangeValueAccessor.prototype.registerOnChange = function (fn) {
this.onChange = function (value) { fn(value == '' ? null : parseFloat(value)); };
};
/**
* @param {?} fn
* @return {?}
*/
RangeValueAccessor.prototype.registerOnTouched = function (fn) { this.onTouched = fn; };
/**
* @param {?} isDisabled
* @return {?}
*/
RangeValueAccessor.prototype.setDisabledState = function (isDisabled) {
this._renderer.setElementProperty(this._elementRef.nativeElement, 'disabled', isDisabled);
};
return RangeValueAccessor;
}());
RangeValueAccessor.decorators = [
{ type: Directive, args: [{
selector: 'input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]',
host: {
'(change)': 'onChange($event.target.value)',
'(input)': 'onChange($event.target.value)',
'(blur)': 'onTouched()'
},
providers: [RANGE_VALUE_ACCESSOR]
},] },
];
/**
* @nocollapse
*/
RangeValueAccessor.ctorParameters = function () { return [
{ type: Renderer, },
{ type: ElementRef, },
]; };
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var SELECT_VALUE_ACCESSOR = {
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(function () { return SelectControlValueAccessor; }),
multi: true
};
/**
* @param {?} id
* @param {?} value
* @return {?}
*/
function _buildValueString(id, value) {
if (id == null)
return "" + value;
if (value && typeof value === 'object')
value = 'Object';
return (id + ": " + value).slice(0, 50);
}
/**
* @param {?} valueString
* @return {?}
*/
function _extractId(valueString) {
return valueString.split(':')[0];
}
/**
* \@whatItDoes Writes values and listens to changes on a select element.
*
* Used by {\@link NgModel}, {\@link FormControlDirective}, and {\@link FormControlName}
* to keep the view synced with the {\@link FormControl} model.
*
* \@howToUse
*
* If you have imported the {\@link FormsModule} or the {\@link ReactiveFormsModule}, this
* value accessor will be active on any select control that has a form directive. You do
* **not** need to add a special selector to activate it.
*
* ### How to use select controls with form directives
*
* To use a select in a template-driven form, simply add an `ngModel` and a `name`
* attribute to the main `<select>` tag.
*
* If your option values are simple strings, you can bind to the normal `value` property
* on the option. If your option values happen to be objects (and you'd like to save the
* selection in your form as an object), use `ngValue` instead:
*
* {\@example forms/ts/selectControl/select_control_example.ts region='Component'}
*
* In reactive forms, you'll also want to add your form directive (`formControlName` or
* `formControl`) on the main `<select>` tag. Like in the former example, you have the
* choice of binding to the `value` or `ngValue` property on the select's options.
*
* {\@example forms/ts/reactiveSelectControl/reactive_select_control_example.ts region='Component'}
*
* ### Caveat: Option selection
*
* Angular uses object identity to select option. It's possible for the identities of items
* to change while the data does not. This can happen, for example, if the items are produced
* from an RPC to the server, and that RPC is re-run. Even if the data hasn't changed, the
* second response will produce objects with different identities.
*
* To customize the default option comparison algorithm, `<select>` supports `compareWith` input.
* `compareWith` takes a **function** which has two arguments: `option1` and `option2`.
* If `compareWith` is given, Angular selects option by the return value of the function.
*
* #### Syntax
*
* ```
* <select [compareWith]="compareFn" [(ngModel)]="selectedCountries">
* <option *ngFor="let country of countries" [ngValue]="country">
* {{country.name}}
* </option>
* </select>
*
* compareFn(c1: Country, c2: Country): boolean {
* return c1 && c2 ? c1.id === c2.id : c1 === c2;
* }
* ```
*
* Note: We listen to the 'change' event because 'input' events aren't fired
* for selects in Firefox and IE:
* https://bugzilla.mozilla.org/show_bug.cgi?id=1024350
* https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/4660045/
*
* * **npm package**: `\@angular/forms`
*
* \@stable
*/
var SelectControlValueAccessor = (function () {
/**
* @param {?} _renderer
* @param {?} _elementRef
*/
function SelectControlValueAccessor(_renderer, _elementRef) {
this._renderer = _renderer;
this._elementRef = _elementRef;
/**
* \@internal
*/
this._optionMap = new Map();
/**
* \@internal
*/
this._idCounter = 0;
this.onChange = function (_) { };
this.onTouched = function () { };
this._compareWith = looseIdentical;
}
Object.defineProperty(SelectControlValueAccessor.prototype, "compareWith", {
/**
* @param {?} fn
* @return {?}
*/
set: function (fn) {
if (typeof fn !== 'function') {
throw new Error("compareWith must be a function, but received " + JSON.stringify(fn));
}
this._compareWith = fn;
},
enumerable: true,
configurable: true
});
/**
* @param {?} value
* @return {?}
*/
SelectControlValueAccessor.prototype.writeValue = function (value) {
this.value = value;
var /** @type {?} */ id = this._getOptionId(value);
if (id == null) {
this._renderer.setElementProperty(this._elementRef.nativeElement, 'selectedIndex', -1);
}
var /** @type {?} */ valueString = _buildValueString(id, value);
this._renderer.setElementProperty(this._elementRef.nativeElement, 'value', valueString);
};
/**
* @param {?} fn
* @return {?}
*/
SelectControlValueAccessor.prototype.registerOnChange = function (fn) {
var _this = this;
this.onChange = function (valueString) {
_this.value = valueString;
fn(_this._getOptionValue(valueString));
};
};
/**
* @param {?} fn
* @return {?}
*/
SelectControlValueAccessor.prototype.registerOnTouched = function (fn) { this.onTouched = fn; };
/**
* @param {?} isDisabled
* @return {?}
*/
SelectControlValueAccessor.prototype.setDisabledState = function (isDisabled) {
this._renderer.setElementProperty(this._elementRef.nativeElement, 'disabled', isDisabled);
};
/**
* \@internal
* @return {?}
*/
SelectControlValueAccessor.prototype._registerOption = function () { return (this._idCounter++).toString(); };
/**
* \@internal
* @param {?} value
* @return {?}
*/
SelectControlValueAccessor.prototype._getOptionId = function (value) {
for (var _i = 0, _a = Array.from(this._optionMap.keys()); _i < _a.length; _i++) {
var id = _a[_i];
if (this._compareWith(this._optionMap.get(id), value))
return id;
}
return null;
};
/**
* \@internal
* @param {?} valueString
* @return {?}
*/
SelectControlValueAccessor.prototype._getOptionValue = function (valueString) {
var /** @type {?} */ id = _extractId(valueString);
return this._optionMap.has(id) ? this._optionMap.get(id) : valueString;
};
return SelectControlValueAccessor;
}());
SelectControlValueAccessor.decorators = [
{ type: Directive, args: [{
selector: 'select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]',
host: { '(change)': 'onChange($event.target.value)', '(blur)': 'onTouched()' },
providers: [SELECT_VALUE_ACCESSOR]
},] },
];
/**
* @nocollapse
*/
SelectControlValueAccessor.ctorParameters = function () { return [
{ type: Renderer, },
{ type: ElementRef, },
]; };
SelectControlValueAccessor.propDecorators = {
'compareWith': [{ type: Input },],
};
/**
* \@whatItDoes Marks `<option>` as dynamic, so Angular can be notified when options change.
*
* \@howToUse
*
* See docs for {\@link SelectControlValueAccessor} for usage examples.
*
* \@stable
*/
var NgSelectOption = (function () {
/**
* @param {?} _element
* @param {?} _renderer
* @param {?} _select
*/
function NgSelectOption(_element, _renderer, _select) {
this._element = _element;
this._renderer = _renderer;
this._select = _select;
if (this._select)
this.id = this._select._registerOption();
}
Object.defineProperty(NgSelectOption.prototype, "ngValue", {
/**
* @param {?} value
* @return {?}
*/
set: function (value) {
if (this._select == null)
return;
this._select._optionMap.set(this.id, value);
this._setElementValue(_buildValueString(this.id, value));
this._select.writeValue(this._select.value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(NgSelectOption.prototype, "value", {
/**
* @param {?} value
* @return {?}
*/
set: function (value) {
this._setElementValue(value);
if (this._select)
this._select.writeValue(this._select.value);
},
enumerable: true,
configurable: true
});
/**
* \@internal
* @param {?} value
* @return {?}
*/
NgSelectOption.prototype._setElementValue = function (value) {
this._renderer.setElementProperty(this._element.nativeElement, 'value', value);
};
/**
* @return {?}
*/
NgSelectOption.prototype.ngOnDestroy = function () {
if (this._select) {
this._select._optionMap.delete(this.id);
this._select.writeValue(this._select.value);
}
};
return NgSelectOption;
}());
NgSelectOption.decorators = [
{ type: Directive, args: [{ selector: 'option' },] },
];
/**
* @nocollapse
*/
NgSelectOption.ctorParameters = function () { return [
{ type: ElementRef, },
{ type: Renderer, },
{ type: SelectControlValueAccessor, decorators: [{ type: Optional }, { type: Host },] },
]; };
NgSelectOption.propDecorators = {
'ngValue': [{ type: Input, args: ['ngValue',] },],
'value': [{ type: Input, args: ['value',] },],
};
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var SELECT_MULTIPLE_VALUE_ACCESSOR = {
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(function () { return SelectMultipleControlValueAccessor; }),
multi: true
};
/**
* @param {?} id
* @param {?} value
* @return {?}
*/
function _buildValueString$1(id, value) {
if (id == null)
return "" + value;
if (typeof value === 'string')
value = "'" + value + "'";
if (value && typeof value === 'object')
value = 'Object';
return (id + ": " + value).slice(0, 50);
}
/**
* @param {?} valueString
* @return {?}
*/
function _extractId$1(valueString) {
return valueString.split(':')[0];
}
/**
* The accessor for writing a value and listening to changes on a select element.
*
* ### Caveat: Options selection
*
* Angular uses object identity to select options. It's possible for the identities of items
* to change while the data does not. This can happen, for example, if the items are produced
* from an RPC to the server, and that RPC is re-run. Even if the data hasn't changed, the
* second response will produce objects with different identities.
*
* To customize the default option comparison algorithm, `<select multiple>` supports `compareWith`
* input. `compareWith` takes a **function** which has two arguments: `option1` and `option2`.
* If `compareWith` is given, Angular selects options by the return value of the function.
*
* #### Syntax
*
* ```
* <select multiple [compareWith]="compareFn" [(ngModel)]="selectedCountries">
* <option *ngFor="let country of countries" [ngValue]="country">
* {{country.name}}
* </option>
* </select>
*
* compareFn(c1: Country, c2: Country): boolean {
* return c1 && c2 ? c1.id === c2.id : c1 === c2;
* }
* ```
*
* \@stable
*/
var SelectMultipleControlValueAccessor = (function () {
/**
* @param {?} _renderer
* @param {?} _elementRef
*/
function SelectMultipleControlValueAccessor(_renderer, _elementRef) {
this._renderer = _renderer;
this._elementRef = _elementRef;
/**
* \@internal
*/
this._optionMap = new Map();
/**
* \@internal
*/
this._idCounter = 0;
this.onChange = function (_) { };
this.onTouched = function () { };
this._compareWith = looseIdentical;
}
Object.defineProperty(SelectMultipleControlValueAccessor.prototype, "compareWith", {
/**
* @param {?} fn
* @return {?}
*/
set: function (fn) {
if (typeof fn !== 'function') {
throw new Error("compareWith must be a function, but received " + JSON.stringify(fn));
}
this._compareWith = fn;
},
enumerable: true,
configurable: true
});
/**
* @param {?} value
* @return {?}
*/
SelectMultipleControlValueAccessor.prototype.writeValue = function (value) {
var _this = this;
this.value = value;
var /** @type {?} */ optionSelectedStateSetter;
if (Array.isArray(value)) {
// convert values to ids
var /** @type {?} */ ids_1 = value.map(function (v) { return _this._getOptionId(v); });
optionSelectedStateSetter = function (opt, o) { opt._setSelected(ids_1.indexOf(o.toString()) > -1); };
}
else {
optionSelectedStateSetter = function (opt, o) { opt._setSelected(false); };
}
this._optionMap.forEach(optionSelectedStateSetter);
};
/**
* @param {?} fn
* @return {?}
*/
SelectMultipleControlValueAccessor.prototype.registerOnChange = function (fn) {
var _this = this;
this.onChange = function (_) {
var /** @type {?} */ selected = [];
if (_.hasOwnProperty('selectedOptions')) {
var /** @type {?} */ options = _.selectedOptions;
for (var /** @type {?} */ i = 0; i < options.length; i++) {
var /** @type {?} */ opt = options.item(i);
var /** @type {?} */ val = _this._getOptionValue(opt.value);
selected.push(val);
}
}
else {
var /** @type {?} */ options = (_.options);
for (var /** @type {?} */ i = 0; i < options.length; i++) {
var /** @type {?} */ opt = options.item(i);
if (opt.selected) {
var /** @type {?} */ val = _this._getOptionValue(opt.value);
selected.push(val);
}
}
}
_this.value = selected;
fn(selected);
};
};
/**
* @param {?} fn
* @return {?}
*/
SelectMultipleControlValueAccessor.prototype.registerOnTouched = function (fn) { this.onTouched = fn; };
/**
* @param {?} isDisabled
* @return {?}
*/
SelectMultipleControlValueAccessor.prototype.setDisabledState = function (isDisabled) {
this._renderer.setElementProperty(this._elementRef.nativeElement, 'disabled', isDisabled);
};
/**
* \@internal
* @param {?} value
* @return {?}
*/
SelectMultipleControlValueAccessor.prototype._registerOption = function (value) {
var /** @type {?} */ id = (this._idCounter++).toString();
this._optionMap.set(id, value);
return id;
};
/**
* \@internal
* @param {?} value
* @return {?}
*/
SelectMultipleControlValueAccessor.prototype._getOptionId = function (value) {
for (var _i = 0, _a = Array.from(this._optionMap.keys()); _i < _a.length; _i++) {
var id = _a[_i];
if (this._compareWith(this._optionMap.get(id)._value, value))
return id;
}
return null;
};
/**
* \@internal
* @param {?} valueString
* @return {?}
*/
SelectMultipleControlValueAccessor.prototype._getOptionValue = function (valueString) {
var /** @type {?} */ id = _extractId$1(valueString);
return this._optionMap.has(id) ? this._optionMap.get(id)._value : valueString;
};
return SelectMultipleControlValueAccessor;
}());
SelectMultipleControlValueAccessor.decorators = [
{ type: Directive, args: [{
selector: 'select[multiple][formControlName],select[multiple][formControl],select[multiple][ngModel]',
host: { '(change)': 'onChange($event.target)', '(blur)': 'onTouched()' },
providers: [SELECT_MULTIPLE_VALUE_ACCESSOR]
},] },
];
/**
* @nocollapse
*/
SelectMultipleControlValueAccessor.ctorParameters = function () { return [
{ type: Renderer, },
{ type: ElementRef, },
]; };
SelectMultipleControlValueAccessor.propDecorators = {
'compareWith': [{ type: Input },],
};
/**
* Marks `<option>` as dynamic, so Angular can be notified when options change.
*
* ### Example
*
* ```
* <select multiple name="city" ngModel>
* <option *ngFor="let c of cities" [value]="c"></option>
* </select>
* ```
*/
var NgSelectMultipleOption = (function () {
/**
* @param {?} _element
* @param {?} _renderer
* @param {?} _select
*/
function NgSelectMultipleOption(_element, _renderer, _select) {
this._element = _element;
this._renderer = _renderer;
this._select = _select;
if (this._select) {
this.id = this._select._registerOption(this);
}
}
Object.defineProperty(NgSelectMultipleOption.prototype, "ngValue", {
/**
* @param {?} value
* @return {?}
*/
set: function (value) {
if (this._select == null)
return;
this._value = value;
this._setElementValue(_buildValueString$1(this.id, value));
this._select.writeValue(this._select.value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(NgSelectMultipleOption.prototype, "value", {
/**
* @param {?} value
* @return {?}
*/
set: function (value) {
if (this._select) {
this._value = value;
this._setElementValue(_buildValueString$1(this.id, value));
this._select.writeValue(this._select.value);
}
else {
this._setElementValue(value);
}
},
enumerable: true,
configurable: true
});
/**
* \@internal
* @param {?} value
* @return {?}
*/
NgSelectMultipleOption.prototype._setElementValue = function (value) {
this._renderer.setElementProperty(this._element.nativeElement, 'value', value);
};
/**
* \@internal
* @param {?} selected
* @return {?}
*/
NgSelectMultipleOption.prototype._setSelected = function (selected) {
this._renderer.setElementProperty(this._element.nativeElement, 'selected', selected);
};
/**
* @return {?}
*/
NgSelectMultipleOption.prototype.ngOnDestroy = function () {
if (this._select) {
this._select._optionMap.delete(this.id);
this._select.writeValue(this._select.value);
}
};
return NgSelectMultipleOption;
}());
NgSelectMultipleOption.decorators = [
{ type: Directive, args: [{ selector: 'option' },] },
];
/**
* @nocollapse
*/
NgSelectMultipleOption.ctorParameters = function () { return [
{ type: ElementRef, },
{ type: Renderer, },
{ type: SelectMultipleControlValueAccessor, decorators: [{ type: Optional }, { type: Host },] },
]; };
NgSelectMultipleOption.propDecorators = {
'ngValue': [{ type: Input, args: ['ngValue',] },],
'value': [{ type: Input, args: ['value',] },],
};
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* @param {?} name
* @param {?} parent
* @return {?}
*/
function controlPath(name, parent) {
return parent.path.concat([name]);
}
/**
* @param {?} control
* @param {?} dir
* @return {?}
*/
function setUpControl(control, dir) {
if (!control)
_throwError$1(dir, 'Cannot find control with');
if (!dir.valueAccessor)
_throwError$1(dir, 'No value accessor for form control with');
control.validator = Validators.compose([control.validator, dir.validator]);
control.asyncValidator = Validators.composeAsync([control.asyncValidator, dir.asyncValidator]);
dir.valueAccessor.writeValue(control.value);
// view -> model
dir.valueAccessor.registerOnChange(function (newValue) {
dir.viewToModelUpdate(newValue);
control.markAsDirty();
control.setValue(newValue, { emitModelToViewChange: false });
});
// touched
dir.valueAccessor.registerOnTouched(function () { return control.markAsTouched(); });
control.registerOnChange(function (newValue, emitModelEvent) {
// control -> view
dir.valueAccessor.writeValue(newValue);
// control -> ngModel
if (emitModelEvent)
dir.viewToModelUpdate(newValue);
});
if (dir.valueAccessor.setDisabledState) {
control.registerOnDisabledChange(function (isDisabled) { dir.valueAccessor.setDisabledState(isDisabled); });
}
// re-run validation when validator binding changes, e.g. minlength=3 -> minlength=4
dir._rawValidators.forEach(function (validator) {
if (((validator)).registerOnValidatorChange)
((validator)).registerOnValidatorChange(function () { return control.updateValueAndValidity(); });
});
dir._rawAsyncValidators.forEach(function (validator) {
if (((validator)).registerOnValidatorChange)
((validator)).registerOnValidatorChange(function () { return control.updateValueAndValidity(); });
});
}
/**
* @param {?} control
* @param {?} dir
* @return {?}
*/
function cleanUpControl(control, dir) {
dir.valueAccessor.registerOnChange(function () { return _noControlError(dir); });
dir.valueAccessor.registerOnTouched(function () { return _noControlError(dir); });
dir._rawValidators.forEach(function (validator) {
if (validator.registerOnValidatorChange) {
validator.registerOnValidatorChange(null);
}
});
dir._rawAsyncValidators.forEach(function (validator) {
if (validator.registerOnValidatorChange) {
validator.registerOnValidatorChange(null);
}
});
if (control)
control._clearChangeFns();
}
/**
* @param {?} control
* @param {?} dir
* @return {?}
*/
function setUpFormContainer(control, dir) {
if (control == null)
_throwError$1(dir, 'Cannot find control with');
control.validator = Validators.compose([control.validator, dir.validator]);
control.asyncValidator = Validators.composeAsync([control.asyncValidator, dir.asyncValidator]);
}
/**
* @param {?} dir
* @return {?}
*/
function _noControlError(dir) {
return _throwError$1(dir, 'There is no FormControl instance attached to form control element with');
}
/**
* @param {?} dir
* @param {?} message
* @return {?}
*/
function _throwError$1(dir, message) {
var /** @type {?} */ messageEnd;
if (dir.path.length > 1) {
messageEnd = "path: '" + dir.path.join(' -> ') + "'";
}
else if (dir.path[0]) {
messageEnd = "name: '" + dir.path + "'";
}
else {
messageEnd = 'unspecified name attribute';
}
throw new Error(message + " " + messageEnd);
}
/**
* @param {?} validators
* @return {?}
*/
function composeValidators(validators) {
return validators != null ? Validators.compose(validators.map(normalizeValidator)) : null;
}
/**
* @param {?} validators
* @return {?}
*/
function composeAsyncValidators(validators) {
return validators != null ? Validators.composeAsync(validators.map(normalizeAsyncValidator)) :
null;
}
/**
* @param {?} changes
* @param {?} viewModel
* @return {?}
*/
function isPropertyUpdated(changes, viewModel) {
if (!changes.hasOwnProperty('model'))
return false;
var /** @type {?} */ change = changes['model'];
if (change.isFirstChange())
return true;
return !looseIdentical(viewModel, change.currentValue);
}
var BUILTIN_ACCESSORS = [
CheckboxControlValueAccessor,
RangeValueAccessor,
NumberValueAccessor,
SelectControlValueAccessor,
SelectMultipleControlValueAccessor,
RadioControlValueAccessor,
];
/**
* @param {?} valueAccessor
* @return {?}
*/
function isBuiltInAccessor(valueAccessor) {
return BUILTIN_ACCESSORS.some(function (a) { return valueAccessor.constructor === a; });
}
/**
* @param {?} dir
* @param {?} valueAccessors
* @return {?}
*/
function selectValueAccessor(dir, valueAccessors) {
if (!valueAccessors)
return null;
var /** @type {?} */ defaultAccessor;
var /** @type {?} */ builtinAccessor;
var /** @type {?} */ customAccessor;
valueAccessors.forEach(function (v) {
if (v.constructor === DefaultValueAccessor) {
defaultAccessor = v;
}
else if (isBuiltInAccessor(v)) {
if (builtinAccessor)
_throwError$1(dir, 'More than one built-in value accessor matches form control with');
builtinAccessor = v;
}
else {
if (customAccessor)
_throwError$1(dir, 'More than one custom value accessor matches form control with');
customAccessor = v;
}
});
if (customAccessor)
return customAccessor;
if (builtinAccessor)
return builtinAccessor;
if (defaultAccessor)
return defaultAccessor;
_throwError$1(dir, 'No valid value accessor for form control with');
return null;
}
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* This is a base class for code shared between {\@link NgModelGroup} and {\@link FormGroupName}.
*
* \@stable
*/
var AbstractFormGroupDirective = (function (_super) {
__extends$15(AbstractFormGroupDirective, _super);
function AbstractFormGroupDirective() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
AbstractFormGroupDirective.prototype.ngOnInit = function () {
this._checkParentType();
this.formDirective.addFormGroup(this);
};
/**
* @return {?}
*/
AbstractFormGroupDirective.prototype.ngOnDestroy = function () {
if (this.formDirective) {
this.formDirective.removeFormGroup(this);
}
};
Object.defineProperty(AbstractFormGroupDirective.prototype, "control", {
/**
* Get the {\@link FormGroup} backing this binding.
* @return {?}
*/
get: function () { return this.formDirective.getFormGroup(this); },
enumerable: true,
configurable: true
});
Object.defineProperty(AbstractFormGroupDirective.prototype, "path", {
/**
* Get the path to this control group.
* @return {?}
*/
get: function () { return controlPath(this.name, this._parent); },
enumerable: true,
configurable: true
});
Object.defineProperty(AbstractFormGroupDirective.prototype, "formDirective", {
/**
* Get the {\@link Form} to which this group belongs.
* @return {?}
*/
get: function () { return this._parent ? this._parent.formDirective : null; },
enumerable: true,
configurable: true
});
Object.defineProperty(AbstractFormGroupDirective.prototype, "validator", {
/**
* @return {?}
*/
get: function () { return composeValidators(this._validators); },
enumerable: true,
configurable: true
});
Object.defineProperty(AbstractFormGroupDirective.prototype, "asyncValidator", {
/**
* @return {?}
*/
get: function () { return composeAsyncValidators(this._asyncValidators); },
enumerable: true,
configurable: true
});
/**
* \@internal
* @return {?}
*/
AbstractFormGroupDirective.prototype._checkParentType = function () { };
return AbstractFormGroupDirective;
}(ControlContainer));
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var AbstractControlStatus = (function () {
/**
* @param {?} cd
*/
function AbstractControlStatus(cd) {
this._cd = cd;
}
Object.defineProperty(AbstractControlStatus.prototype, "ngClassUntouched", {
/**
* @return {?}
*/
get: function () { return this._cd.control ? this._cd.control.untouched : false; },
enumerable: true,
configurable: true
});
Object.defineProperty(AbstractControlStatus.prototype, "ngClassTouched", {
/**
* @return {?}
*/
get: function () { return this._cd.control ? this._cd.control.touched : false; },
enumerable: true,
configurable: true
});
Object.defineProperty(AbstractControlStatus.prototype, "ngClassPristine", {
/**
* @return {?}
*/
get: function () { return this._cd.control ? this._cd.control.pristine : false; },
enumerable: true,
configurable: true
});
Object.defineProperty(AbstractControlStatus.prototype, "ngClassDirty", {
/**
* @return {?}
*/
get: function () { return this._cd.control ? this._cd.control.dirty : false; },
enumerable: true,
configurable: true
});
Object.defineProperty(AbstractControlStatus.prototype, "ngClassValid", {
/**
* @return {?}
*/
get: function () { return this._cd.control ? this._cd.control.valid : false; },
enumerable: true,
configurable: true
});
Object.defineProperty(AbstractControlStatus.prototype, "ngClassInvalid", {
/**
* @return {?}
*/
get: function () { return this._cd.control ? this._cd.control.invalid : false; },
enumerable: true,
configurable: true
});
Object.defineProperty(AbstractControlStatus.prototype, "ngClassPending", {
/**
* @return {?}
*/
get: function () { return this._cd.control ? this._cd.control.pending : false; },
enumerable: true,
configurable: true
});
return AbstractControlStatus;
}());
var ngControlStatusHost = {
'[class.ng-untouched]': 'ngClassUntouched',
'[class.ng-touched]': 'ngClassTouched',
'[class.ng-pristine]': 'ngClassPristine',
'[class.ng-dirty]': 'ngClassDirty',
'[class.ng-valid]': 'ngClassValid',
'[class.ng-invalid]': 'ngClassInvalid',
'[class.ng-pending]': 'ngClassPending',
};
/**
* Directive automatically applied to Angular form controls that sets CSS classes
* based on control status (valid/invalid/dirty/etc).
*
* \@stable
*/
var NgControlStatus = (function (_super) {
__extends$15(NgControlStatus, _super);
/**
* @param {?} cd
*/
function NgControlStatus(cd) {
return _super.call(this, cd) || this;
}
return NgControlStatus;
}(AbstractControlStatus));
NgControlStatus.decorators = [
{ type: Directive, args: [{ selector: '[formControlName],[ngModel],[formControl]', host: ngControlStatusHost },] },
];
/**
* @nocollapse
*/
NgControlStatus.ctorParameters = function () { return [
{ type: NgControl, decorators: [{ type: Self },] },
]; };
/**
* Directive automatically applied to Angular form groups that sets CSS classes
* based on control status (valid/invalid/dirty/etc).
*
* \@stable
*/
var NgControlStatusGroup = (function (_super) {
__extends$15(NgControlStatusGroup, _super);
/**
* @param {?} cd
*/
function NgControlStatusGroup(cd) {
return _super.call(this, cd) || this;
}
return NgControlStatusGroup;
}(AbstractControlStatus));
NgControlStatusGroup.decorators = [
{ type: Directive, args: [{
selector: '[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]',
host: ngControlStatusHost
},] },
];
/**
* @nocollapse
*/
NgControlStatusGroup.ctorParameters = function () { return [
{ type: ControlContainer, decorators: [{ type: Self },] },
]; };
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* Indicates that a FormControl is valid, i.e. that no errors exist in the input value.
*/
var VALID = 'VALID';
/**
* Indicates that a FormControl is invalid, i.e. that an error exists in the input value.
*/
var INVALID = 'INVALID';
/**
* Indicates that a FormControl is pending, i.e. that async validation is occurring and
* errors are not yet available for the input value.
*/
var PENDING = 'PENDING';
/**
* Indicates that a FormControl is disabled, i.e. that the control is exempt from ancestor
* calculations of validity or value.
*/
var DISABLED = 'DISABLED';
/**
* @param {?} control
* @param {?} path
* @param {?} delimiter
* @return {?}
*/
function _find(control, path, delimiter) {
if (path == null)
return null;
if (!(path instanceof Array)) {
path = ((path)).split(delimiter);
}
if (path instanceof Array && (path.length === 0))
return null;
return ((path)).reduce(function (v, name) {
if (v instanceof FormGroup) {
return v.controls[name] || null;
}
if (v instanceof FormArray) {
return v.at(/** @type {?} */ (name)) || null;
}
return null;
}, control);
}
/**
* @param {?} validator
* @return {?}
*/
function coerceToValidator(validator) {
return Array.isArray(validator) ? composeValidators(validator) : validator;
}
/**
* @param {?} asyncValidator
* @return {?}
*/
function coerceToAsyncValidator(asyncValidator) {
return Array.isArray(asyncValidator) ? composeAsyncValidators(asyncValidator) : asyncValidator;
}
/**
* \@whatItDoes This is the base class for {\@link FormControl}, {\@link FormGroup}, and
* {\@link FormArray}.
*
* It provides some of the shared behavior that all controls and groups of controls have, like
* running validators, calculating status, and resetting state. It also defines the properties
* that are shared between all sub-classes, like `value`, `valid`, and `dirty`. It shouldn't be
* instantiated directly.
*
* \@stable
* @abstract
*/
var AbstractControl = (function () {
/**
* @param {?} validator
* @param {?} asyncValidator
*/
function AbstractControl(validator, asyncValidator) {
this.validator = validator;
this.asyncValidator = asyncValidator;
/**
* \@internal
*/
this._onCollectionChange = function () { };
this._pristine = true;
this._touched = false;
/**
* \@internal
*/
this._onDisabledChange = [];
}
Object.defineProperty(AbstractControl.prototype, "value", {
/**
* The value of the control.
* @return {?}
*/
get: function () { return this._value; },
enumerable: true,
configurable: true
});
Object.defineProperty(AbstractControl.prototype, "parent", {
/**
* The parent control.
* @return {?}
*/
get: function () { return this._parent; },
enumerable: true,
configurable: true
});
Object.defineProperty(AbstractControl.prototype, "status", {
/**
* The validation status of the control. There are four possible
* validation statuses:
*
* * **VALID**: control has passed all validation checks
* * **INVALID**: control has failed at least one validation check
* * **PENDING**: control is in the midst of conducting a validation check
* * **DISABLED**: control is exempt from validation checks
*
* These statuses are mutually exclusive, so a control cannot be
* both valid AND invalid or invalid AND disabled.
* @return {?}
*/
get: function () { return this._status; },
enumerable: true,
configurable: true
});
Object.defineProperty(AbstractControl.prototype, "valid", {
/**
* A control is `valid` when its `status === VALID`.
*
* In order to have this status, the control must have passed all its
* validation checks.
* @return {?}
*/
get: function () { return this._status === VALID; },
enumerable: true,
configurable: true
});
Object.defineProperty(AbstractControl.prototype, "invalid", {
/**
* A control is `invalid` when its `status === INVALID`.
*
* In order to have this status, the control must have failed
* at least one of its validation checks.
* @return {?}
*/
get: function () { return this._status === INVALID; },
enumerable: true,
configurable: true
});
Object.defineProperty(AbstractControl.prototype, "pending", {
/**
* A control is `pending` when its `status === PENDING`.
*
* In order to have this status, the control must be in the
* middle of conducting a validation check.
* @return {?}
*/
get: function () { return this._status == PENDING; },
enumerable: true,
configurable: true
});
Object.defineProperty(AbstractControl.prototype, "disabled", {
/**
* A control is `disabled` when its `status === DISABLED`.
*
* Disabled controls are exempt from validation checks and
* are not included in the aggregate value of their ancestor
* controls.
* @return {?}
*/
get: function () { return this._status === DISABLED; },
enumerable: true,
configurable: true
});
Object.defineProperty(AbstractControl.prototype, "enabled", {
/**
* A control is `enabled` as long as its `status !== DISABLED`.
*
* In other words, it has a status of `VALID`, `INVALID`, or
* `PENDING`.
* @return {?}
*/
get: function () { return this._status !== DISABLED; },
enumerable: true,
configurable: true
});
Object.defineProperty(AbstractControl.prototype, "errors", {
/**
* Returns any errors generated by failing validation. If there
* are no errors, it will return null.
* @return {?}
*/
get: function () { return this._errors; },
enumerable: true,
configurable: true
});
Object.defineProperty(AbstractControl.prototype, "pristine", {
/**
* A control is `pristine` if the user has not yet changed
* the value in the UI.
*
* Note that programmatic changes to a control's value will
* *not* mark it dirty.
* @return {?}
*/
get: function () { return this._pristine; },
enumerable: true,
configurable: true
});
Object.defineProperty(AbstractControl.prototype, "dirty", {
/**
* A control is `dirty` if the user has changed the value
* in the UI.
*
* Note that programmatic changes to a control's value will
* *not* mark it dirty.
* @return {?}
*/
get: function () { return !this.pristine; },
enumerable: true,
configurable: true
});
Object.defineProperty(AbstractControl.prototype, "touched", {
/**
* A control is marked `touched` once the user has triggered
* a `blur` event on it.
* @return {?}
*/
get: function () { return this._touched; },
enumerable: true,
configurable: true
});
Object.defineProperty(AbstractControl.prototype, "untouched", {
/**
* A control is `untouched` if the user has not yet triggered
* a `blur` event on it.
* @return {?}
*/
get: function () { return !this._touched; },
enumerable: true,
configurable: true
});
Object.defineProperty(AbstractControl.prototype, "valueChanges", {
/**
* Emits an event every time the value of the control changes, in
* the UI or programmatically.
* @return {?}
*/
get: function () { return this._valueChanges; },
enumerable: true,
configurable: true
});
Object.defineProperty(AbstractControl.prototype, "statusChanges", {
/**
* Emits an event every time the validation status of the control
* is re-calculated.
* @return {?}
*/
get: function () { return this._statusChanges; },
enumerable: true,
configurable: true
});
/**
* Sets the synchronous validators that are active on this control. Calling
* this will overwrite any existing sync validators.
* @param {?} newValidator
* @return {?}
*/
AbstractControl.prototype.setValidators = function (newValidator) {
this.validator = coerceToValidator(newValidator);
};
/**
* Sets the async validators that are active on this control. Calling this
* will overwrite any existing async validators.
* @param {?} newValidator
* @return {?}
*/
AbstractControl.prototype.setAsyncValidators = function (newValidator) {
this.asyncValidator = coerceToAsyncValidator(newValidator);
};
/**
* Empties out the sync validator list.
* @return {?}
*/
AbstractControl.prototype.clearValidators = function () { this.validator = null; };
/**
* Empties out the async validator list.
* @return {?}
*/
AbstractControl.prototype.clearAsyncValidators = function () { this.asyncValidator = null; };
/**
* Marks the control as `touched`.
*
* This will also mark all direct ancestors as `touched` to maintain
* the model.
* @param {?=} __0
* @return {?}
*/
AbstractControl.prototype.markAsTouched = function (_a) {
var onlySelf = (_a === void 0 ? {} : _a).onlySelf;
this._touched = true;
if (this._parent && !onlySelf) {
this._parent.markAsTouched({ onlySelf: onlySelf });
}
};
/**
* Marks the control as `untouched`.
*
* If the control has any children, it will also mark all children as `untouched`
* to maintain the model, and re-calculate the `touched` status of all parent
* controls.
* @param {?=} __0
* @return {?}
*/
AbstractControl.prototype.markAsUntouched = function (_a) {
var onlySelf = (_a === void 0 ? {} : _a).onlySelf;
this._touched = false;
this._forEachChild(function (control) { control.markAsUntouched({ onlySelf: true }); });
if (this._parent && !onlySelf) {
this._parent._updateTouched({ onlySelf: onlySelf });
}
};
/**
* Marks the control as `dirty`.
*
* This will also mark all direct ancestors as `dirty` to maintain
* the model.
* @param {?=} __0
* @return {?}
*/
AbstractControl.prototype.markAsDirty = function (_a) {
var onlySelf = (_a === void 0 ? {} : _a).onlySelf;
this._pristine = false;
if (this._parent && !onlySelf) {
this._parent.markAsDirty({ onlySelf: onlySelf });
}
};
/**
* Marks the control as `pristine`.
*
* If the control has any children, it will also mark all children as `pristine`
* to maintain the model, and re-calculate the `pristine` status of all parent
* controls.
* @param {?=} __0
* @return {?}
*/
AbstractControl.prototype.markAsPristine = function (_a) {
var onlySelf = (_a === void 0 ? {} : _a).onlySelf;
this._pristine = true;
this._forEachChild(function (control) { control.markAsPristine({ onlySelf: true }); });
if (this._parent && !onlySelf) {
this._parent._updatePristine({ onlySelf: onlySelf });
}
};
/**
* Marks the control as `pending`.
* @param {?=} __0
* @return {?}
*/
AbstractControl.prototype.markAsPending = function (_a) {
var onlySelf = (_a === void 0 ? {} : _a).onlySelf;
this._status = PENDING;
if (this._parent && !onlySelf) {
this._parent.markAsPending({ onlySelf: onlySelf });
}
};
/**
* Disables the control. This means the control will be exempt from validation checks and
* excluded from the aggregate value of any parent. Its status is `DISABLED`.
*
* If the control has children, all children will be disabled to maintain the model.
* @param {?=} __0
* @return {?}
*/
AbstractControl.prototype.disable = function (_a) {
var _b = _a === void 0 ? {} : _a, onlySelf = _b.onlySelf, emitEvent = _b.emitEvent;
this._status = DISABLED;
this._errors = null;
this._forEachChild(function (control) { control.disable({ onlySelf: true }); });
this._updateValue();
if (emitEvent !== false) {
this._valueChanges.emit(this._value);
this._statusChanges.emit(this._status);
}
this._updateAncestors(onlySelf);
this._onDisabledChange.forEach(function (changeFn) { return changeFn(true); });
};
/**
* Enables the control. This means the control will be included in validation checks and
* the aggregate value of its parent. Its status is re-calculated based on its value and
* its validators.
*
* If the control has children, all children will be enabled.
* @param {?=} __0
* @return {?}
*/
AbstractControl.prototype.enable = function (_a) {
var _b = _a === void 0 ? {} : _a, onlySelf = _b.onlySelf, emitEvent = _b.emitEvent;
this._status = VALID;
this._forEachChild(function (control) { control.enable({ onlySelf: true }); });
this.updateValueAndValidity({ onlySelf: true, emitEvent: emitEvent });
this._updateAncestors(onlySelf);
this._onDisabledChange.forEach(function (changeFn) { return changeFn(false); });
};
/**
* @param {?} onlySelf
* @return {?}
*/
AbstractControl.prototype._updateAncestors = function (onlySelf) {
if (this._parent && !onlySelf) {
this._parent.updateValueAndValidity();
this._parent._updatePristine();
this._parent._updateTouched();
}
};
/**
* @param {?} parent
* @return {?}
*/
AbstractControl.prototype.setParent = function (parent) { this._parent = parent; };
/**
* Sets the value of the control. Abstract method (implemented in sub-classes).
* @abstract
* @param {?} value
* @param {?=} options
* @return {?}
*/
AbstractControl.prototype.setValue = function (value, options) { };
/**
* Patches the value of the control. Abstract method (implemented in sub-classes).
* @abstract
* @param {?} value
* @param {?=} options
* @return {?}
*/
AbstractControl.prototype.patchValue = function (value, options) { };
/**
* Resets the control. Abstract method (implemented in sub-classes).
* @abstract
* @param {?=} value
* @param {?=} options
* @return {?}
*/
AbstractControl.prototype.reset = function (value, options) { };
/**
* Re-calculates the value and validation status of the control.
*
* By default, it will also update the value and validity of its ancestors.
* @param {?=} __0
* @return {?}
*/
AbstractControl.prototype.updateValueAndValidity = function (_a) {
var _b = _a === void 0 ? {} : _a, onlySelf = _b.onlySelf, emitEvent = _b.emitEvent;
this._setInitialStatus();
this._updateValue();
if (this.enabled) {
this._cancelExistingSubscription();
this._errors = this._runValidator();
this._status = this._calculateStatus();
if (this._status === VALID || this._status === PENDING) {
this._runAsyncValidator(emitEvent);
}
}
if (emitEvent !== false) {
this._valueChanges.emit(this._value);
this._statusChanges.emit(this._status);
}
if (this._parent && !onlySelf) {
this._parent.updateValueAndValidity({ onlySelf: onlySelf, emitEvent: emitEvent });
}
};
/**
* \@internal
* @param {?=} __0
* @return {?}
*/
AbstractControl.prototype._updateTreeValidity = function (_a) {
var emitEvent = (_a === void 0 ? { emitEvent: true } : _a).emitEvent;
this._forEachChild(function (ctrl) { return ctrl._updateTreeValidity({ emitEvent: emitEvent }); });
this.updateValueAndValidity({ onlySelf: true, emitEvent: emitEvent });
};
/**
* @return {?}
*/
AbstractControl.prototype._setInitialStatus = function () { this._status = this._allControlsDisabled() ? DISABLED : VALID; };
/**
* @return {?}
*/
AbstractControl.prototype._runValidator = function () {
return this.validator ? this.validator(this) : null;
};
/**
* @param {?} emitEvent
* @return {?}
*/
AbstractControl.prototype._runAsyncValidator = function (emitEvent) {
var _this = this;
if (this.asyncValidator) {
this._status = PENDING;
var /** @type {?} */ obs = toObservable(this.asyncValidator(this));
this._asyncValidationSubscription =
obs.subscribe(function (errors) { return _this.setErrors(errors, { emitEvent: emitEvent }); });
}
};
/**
* @return {?}
*/
AbstractControl.prototype._cancelExistingSubscription = function () {
if (this._asyncValidationSubscription) {
this._asyncValidationSubscription.unsubscribe();
}
};
/**
* Sets errors on a form control.
*
* This is used when validations are run manually by the user, rather than automatically.
*
* Calling `setErrors` will also update the validity of the parent control.
*
* ### Example
*
* ```
* const login = new FormControl("someLogin");
* login.setErrors({
* "notUnique": true
* });
*
* expect(login.valid).toEqual(false);
* expect(login.errors).toEqual({"notUnique": true});
*
* login.setValue("someOtherLogin");
*
* expect(login.valid).toEqual(true);
* ```
* @param {?} errors
* @param {?=} __1
* @return {?}
*/
AbstractControl.prototype.setErrors = function (errors, _a) {
var emitEvent = (_a === void 0 ? {} : _a).emitEvent;
this._errors = errors;
this._updateControlsErrors(emitEvent !== false);
};
/**
* Retrieves a child control given the control's name or path.
*
* Paths can be passed in as an array or a string delimited by a dot.
*
* To get a control nested within a `person` sub-group:
*
* * `this.form.get('person.name');`
*
* -OR-
*
* * `this.form.get(['person', 'name']);`
* @param {?} path
* @return {?}
*/
AbstractControl.prototype.get = function (path) { return _find(this, path, '.'); };
/**
* Returns true if the control with the given path has the error specified. Otherwise
* returns null or undefined.
*
* If no path is given, it checks for the error on the present control.
* @param {?} errorCode
* @param {?=} path
* @return {?}
*/
AbstractControl.prototype.getError = function (errorCode, path) {
if (path === void 0) { path = null; }
var /** @type {?} */ control = path ? this.get(path) : this;
return control && control._errors ? control._errors[errorCode] : null;
};
/**
* Returns true if the control with the given path has the error specified. Otherwise
* returns false.
*
* If no path is given, it checks for the error on the present control.
* @param {?} errorCode
* @param {?=} path
* @return {?}
*/
AbstractControl.prototype.hasError = function (errorCode, path) {
if (path === void 0) { path = null; }
return !!this.getError(errorCode, path);
};
Object.defineProperty(AbstractControl.prototype, "root", {
/**
* Retrieves the top-level ancestor of this control.
* @return {?}
*/
get: function () {
var /** @type {?} */ x = this;
while (x._parent) {
x = x._parent;
}
return x;
},
enumerable: true,
configurable: true
});
/**
* \@internal
* @param {?} emitEvent
* @return {?}
*/
AbstractControl.prototype._updateControlsErrors = function (emitEvent) {
this._status = this._calculateStatus();
if (emitEvent) {
this._statusChanges.emit(this._status);
}
if (this._parent) {
this._parent._updateControlsErrors(emitEvent);
}
};
/**
* \@internal
* @return {?}
*/
AbstractControl.prototype._initObservables = function () {
this._valueChanges = new EventEmitter();
this._statusChanges = new EventEmitter();
};
/**
* @return {?}
*/
AbstractControl.prototype._calculateStatus = function () {
if (this._allControlsDisabled())
return DISABLED;
if (this._errors)
return INVALID;
if (this._anyControlsHaveStatus(PENDING))
return PENDING;
if (this._anyControlsHaveStatus(INVALID))
return INVALID;
return VALID;
};
/**
* \@internal
* @abstract
* @return {?}
*/
AbstractControl.prototype._updateValue = function () { };
/**
* \@internal
* @abstract
* @param {?} cb
* @return {?}
*/
AbstractControl.prototype._forEachChild = function (cb) { };
/**
* \@internal
* @abstract
* @param {?} condition
* @return {?}
*/
AbstractControl.prototype._anyControls = function (condition) { };
/**
* \@internal
* @abstract
* @return {?}
*/
AbstractControl.prototype._allControlsDisabled = function () { };
/**
* \@internal
* @param {?} status
* @return {?}
*/
AbstractControl.prototype._anyControlsHaveStatus = function (status) {
return this._anyControls(function (control) { return control.status === status; });
};
/**
* \@internal
* @return {?}
*/
AbstractControl.prototype._anyControlsDirty = function () {
return this._anyControls(function (control) { return control.dirty; });
};
/**
* \@internal
* @return {?}
*/
AbstractControl.prototype._anyControlsTouched = function () {
return this._anyControls(function (control) { return control.touched; });
};
/**
* \@internal
* @param {?=} __0
* @return {?}
*/
AbstractControl.prototype._updatePristine = function (_a) {
var onlySelf = (_a === void 0 ? {} : _a).onlySelf;
this._pristine = !this._anyControlsDirty();
if (this._parent && !onlySelf) {
this._parent._updatePristine({ onlySelf: onlySelf });
}
};
/**
* \@internal
* @param {?=} __0
* @return {?}
*/
AbstractControl.prototype._updateTouched = function (_a) {
var onlySelf = (_a === void 0 ? {} : _a).onlySelf;
this._touched = this._anyControlsTouched();
if (this._parent && !onlySelf) {
this._parent._updateTouched({ onlySelf: onlySelf });
}
};
/**
* \@internal
* @param {?} formState
* @return {?}
*/
AbstractControl.prototype._isBoxedValue = function (formState) {
return typeof formState === 'object' && formState !== null &&
Object.keys(formState).length === 2 && 'value' in formState && 'disabled' in formState;
};
/**
* \@internal
* @param {?} fn
* @return {?}
*/
AbstractControl.prototype._registerOnCollectionChange = function (fn) { this._onCollectionChange = fn; };
return AbstractControl;
}());
/**
* \@whatItDoes Tracks the value and validation status of an individual form control.
*
* It is one of the three fundamental building blocks of Angular forms, along with
* {\@link FormGroup} and {\@link FormArray}.
*
* \@howToUse
*
* When instantiating a {\@link FormControl}, you can pass in an initial value as the
* first argument. Example:
*
* ```ts
* const ctrl = new FormControl('some value');
* console.log(ctrl.value); // 'some value'
* ```
*
* You can also initialize the control with a form state object on instantiation,
* which includes both the value and whether or not the control is disabled.
* You can't use the value key without the disabled key; both are required
* to use this way of initialization.
*
* ```ts
* const ctrl = new FormControl({value: 'n/a', disabled: true});
* console.log(ctrl.value); // 'n/a'
* console.log(ctrl.status); // 'DISABLED'
* ```
*
* To include a sync validator (or an array of sync validators) with the control,
* pass it in as the second argument. Async validators are also supported, but
* have to be passed in separately as the third arg.
*
* ```ts
* const ctrl = new FormControl('', Validators.required);
* console.log(ctrl.value); // ''
* console.log(ctrl.status); // 'INVALID'
* ```
*
* See its superclass, {\@link AbstractControl}, for more properties and methods.
*
* * **npm package**: `\@angular/forms`
*
* \@stable
*/
var FormControl = (function (_super) {
__extends$15(FormControl, _super);
/**
* @param {?=} formState
* @param {?=} validator
* @param {?=} asyncValidator
*/
function FormControl(formState, validator, asyncValidator) {
if (formState === void 0) { formState = null; }
if (validator === void 0) { validator = null; }
if (asyncValidator === void 0) { asyncValidator = null; }
var _this = _super.call(this, coerceToValidator(validator), coerceToAsyncValidator(asyncValidator)) || this;
/**
* \@internal
*/
_this._onChange = [];
_this._applyFormState(formState);
_this.updateValueAndValidity({ onlySelf: true, emitEvent: false });
_this._initObservables();
return _this;
}
/**
* Set the value of the form control to `value`.
*
* If `onlySelf` is `true`, this change will only affect the validation of this `FormControl`
* and not its parent component. This defaults to false.
*
* If `emitEvent` is `true`, this
* change will cause a `valueChanges` event on the `FormControl` to be emitted. This defaults
* to true (as it falls through to `updateValueAndValidity`).
*
* If `emitModelToViewChange` is `true`, the view will be notified about the new value
* via an `onChange` event. This is the default behavior if `emitModelToViewChange` is not
* specified.
*
* If `emitViewToModelChange` is `true`, an ngModelChange event will be fired to update the
* model. This is the default behavior if `emitViewToModelChange` is not specified.
* @param {?} value
* @param {?=} __1
* @return {?}
*/
FormControl.prototype.setValue = function (value, _a) {
var _this = this;
var _b = _a === void 0 ? {} : _a, onlySelf = _b.onlySelf, emitEvent = _b.emitEvent, emitModelToViewChange = _b.emitModelToViewChange, emitViewToModelChange = _b.emitViewToModelChange;
this._value = value;
if (this._onChange.length && emitModelToViewChange !== false) {
this._onChange.forEach(function (changeFn) { return changeFn(_this._value, emitViewToModelChange !== false); });
}
this.updateValueAndValidity({ onlySelf: onlySelf, emitEvent: emitEvent });
};
/**
* Patches the value of a control.
*
* This function is functionally the same as {\@link FormControl.setValue} at this level.
* It exists for symmetry with {\@link FormGroup.patchValue} on `FormGroups` and `FormArrays`,
* where it does behave differently.
* @param {?} value
* @param {?=} options
* @return {?}
*/
FormControl.prototype.patchValue = function (value, options) {
if (options === void 0) { options = {}; }
this.setValue(value, options);
};
/**
* Resets the form control. This means by default:
*
* * it is marked as `pristine`
* * it is marked as `untouched`
* * value is set to null
*
* You can also reset to a specific form state by passing through a standalone
* value or a form state object that contains both a value and a disabled state
* (these are the only two properties that cannot be calculated).
*
* Ex:
*
* ```ts
* this.control.reset('Nancy');
*
* console.log(this.control.value); // 'Nancy'
* ```
*
* OR
*
* ```
* this.control.reset({value: 'Nancy', disabled: true});
*
* console.log(this.control.value); // 'Nancy'
* console.log(this.control.status); // 'DISABLED'
* ```
* @param {?=} formState
* @param {?=} __1
* @return {?}
*/
FormControl.prototype.reset = function (formState, _a) {
if (formState === void 0) { formState = null; }
var _b = _a === void 0 ? {} : _a, onlySelf = _b.onlySelf, emitEvent = _b.emitEvent;
this._applyFormState(formState);
this.markAsPristine({ onlySelf: onlySelf });
this.markAsUntouched({ onlySelf: onlySelf });
this.setValue(this._value, { onlySelf: onlySelf, emitEvent: emitEvent });
};
/**
* \@internal
* @return {?}
*/
FormControl.prototype._updateValue = function () { };
/**
* \@internal
* @param {?} condition
* @return {?}
*/
FormControl.prototype._anyControls = function (condition) { return false; };
/**
* \@internal
* @return {?}
*/
FormControl.prototype._allControlsDisabled = function () { return this.disabled; };
/**
* Register a listener for change events.
* @param {?} fn
* @return {?}
*/
FormControl.prototype.registerOnChange = function (fn) { this._onChange.push(fn); };
/**
* \@internal
* @return {?}
*/
FormControl.prototype._clearChangeFns = function () {
this._onChange = [];
this._onDisabledChange = [];
this._onCollectionChange = function () { };
};
/**
* Register a listener for disabled events.
* @param {?} fn
* @return {?}
*/
FormControl.prototype.registerOnDisabledChange = function (fn) {
this._onDisabledChange.push(fn);
};
/**
* \@internal
* @param {?} cb
* @return {?}
*/
FormControl.prototype._forEachChild = function (cb) { };
/**
* @param {?} formState
* @return {?}
*/
FormControl.prototype._applyFormState = function (formState) {
if (this._isBoxedValue(formState)) {
this._value = formState.value;
formState.disabled ? this.disable({ onlySelf: true, emitEvent: false }) :
this.enable({ onlySelf: true, emitEvent: false });
}
else {
this._value = formState;
}
};
return FormControl;
}(AbstractControl));
/**
* \@whatItDoes Tracks the value and validity state of a group of {\@link FormControl}
* instances.
*
* A `FormGroup` aggregates the values of each child {\@link FormControl} into one object,
* with each control name as the key. It calculates its status by reducing the statuses
* of its children. For example, if one of the controls in a group is invalid, the entire
* group becomes invalid.
*
* `FormGroup` is one of the three fundamental building blocks used to define forms in Angular,
* along with {\@link FormControl} and {\@link FormArray}.
*
* \@howToUse
*
* When instantiating a {\@link FormGroup}, pass in a collection of child controls as the first
* argument. The key for each child will be the name under which it is registered.
*
* ### Example
*
* ```
* const form = new FormGroup({
* first: new FormControl('Nancy', Validators.minLength(2)),
* last: new FormControl('Drew'),
* });
*
* console.log(form.value); // {first: 'Nancy', last; 'Drew'}
* console.log(form.status); // 'VALID'
* ```
*
* You can also include group-level validators as the second arg, or group-level async
* validators as the third arg. These come in handy when you want to perform validation
* that considers the value of more than one child control.
*
* ### Example
*
* ```
* const form = new FormGroup({
* password: new FormControl('', Validators.minLength(2)),
* passwordConfirm: new FormControl('', Validators.minLength(2)),
* }, passwordMatchValidator);
*
*
* function passwordMatchValidator(g: FormGroup) {
* return g.get('password').value === g.get('passwordConfirm').value
* ? null : {'mismatch': true};
* }
* ```
*
* * **npm package**: `\@angular/forms`
*
* \@stable
*/
var FormGroup = (function (_super) {
__extends$15(FormGroup, _super);
/**
* @param {?} controls
* @param {?=} validator
* @param {?=} asyncValidator
*/
function FormGroup(controls, validator, asyncValidator) {
if (validator === void 0) { validator = null; }
if (asyncValidator === void 0) { asyncValidator = null; }
var _this = _super.call(this, validator, asyncValidator) || this;
_this.controls = controls;
_this._initObservables();
_this._setUpControls();
_this.updateValueAndValidity({ onlySelf: true, emitEvent: false });
return _this;
}
/**
* Registers a control with the group's list of controls.
*
* This method does not update value or validity of the control, so for
* most cases you'll want to use {\@link FormGroup.addControl} instead.
* @param {?} name
* @param {?} control
* @return {?}
*/
FormGroup.prototype.registerControl = function (name, control) {
if (this.controls[name])
return this.controls[name];
this.controls[name] = control;
control.setParent(this);
control._registerOnCollectionChange(this._onCollectionChange);
return control;
};
/**
* Add a control to this group.
* @param {?} name
* @param {?} control
* @return {?}
*/
FormGroup.prototype.addControl = function (name, control) {
this.registerControl(name, control);
this.updateValueAndValidity();
this._onCollectionChange();
};
/**
* Remove a control from this group.
* @param {?} name
* @return {?}
*/
FormGroup.prototype.removeControl = function (name) {
if (this.controls[name])
this.controls[name]._registerOnCollectionChange(function () { });
delete (this.controls[name]);
this.updateValueAndValidity();
this._onCollectionChange();
};
/**
* Replace an existing control.
* @param {?} name
* @param {?} control
* @return {?}
*/
FormGroup.prototype.setControl = function (name, control) {
if (this.controls[name])
this.controls[name]._registerOnCollectionChange(function () { });
delete (this.controls[name]);
if (control)
this.registerControl(name, control);
this.updateValueAndValidity();
this._onCollectionChange();
};
/**
* Check whether there is an enabled control with the given name in the group.
*
* It will return false for disabled controls. If you'd like to check for
* existence in the group only, use {\@link AbstractControl.get} instead.
* @param {?} controlName
* @return {?}
*/
FormGroup.prototype.contains = function (controlName) {
return this.controls.hasOwnProperty(controlName) && this.controls[controlName].enabled;
};
/**
* Sets the value of the {\@link FormGroup}. It accepts an object that matches
* the structure of the group, with control names as keys.
*
* This method performs strict checks, so it will throw an error if you try
* to set the value of a control that doesn't exist or if you exclude the
* value of a control.
*
* ### Example
*
* ```
* const form = new FormGroup({
* first: new FormControl(),
* last: new FormControl()
* });
* console.log(form.value); // {first: null, last: null}
*
* form.setValue({first: 'Nancy', last: 'Drew'});
* console.log(form.value); // {first: 'Nancy', last: 'Drew'}
*
* ```
* @param {?} value
* @param {?=} __1
* @return {?}
*/
FormGroup.prototype.setValue = function (value, _a) {
var _this = this;
var _b = _a === void 0 ? {} : _a, onlySelf = _b.onlySelf, emitEvent = _b.emitEvent;
this._checkAllValuesPresent(value);
Object.keys(value).forEach(function (name) {
_this._throwIfControlMissing(name);
_this.controls[name].setValue(value[name], { onlySelf: true, emitEvent: emitEvent });
});
this.updateValueAndValidity({ onlySelf: onlySelf, emitEvent: emitEvent });
};
/**
* Patches the value of the {\@link FormGroup}. It accepts an object with control
* names as keys, and will do its best to match the values to the correct controls
* in the group.
*
* It accepts both super-sets and sub-sets of the group without throwing an error.
*
* ### Example
*
* ```
* const form = new FormGroup({
* first: new FormControl(),
* last: new FormControl()
* });
* console.log(form.value); // {first: null, last: null}
*
* form.patchValue({first: 'Nancy'});
* console.log(form.value); // {first: 'Nancy', last: null}
*
* ```
* @param {?} value
* @param {?=} __1
* @return {?}
*/
FormGroup.prototype.patchValue = function (value, _a) {
var _this = this;
var _b = _a === void 0 ? {} : _a, onlySelf = _b.onlySelf, emitEvent = _b.emitEvent;
Object.keys(value).forEach(function (name) {
if (_this.controls[name]) {
_this.controls[name].patchValue(value[name], { onlySelf: true, emitEvent: emitEvent });
}
});
this.updateValueAndValidity({ onlySelf: onlySelf, emitEvent: emitEvent });
};
/**
* Resets the {\@link FormGroup}. This means by default:
*
* * The group and all descendants are marked `pristine`
* * The group and all descendants are marked `untouched`
* * The value of all descendants will be null or null maps
*
* You can also reset to a specific form state by passing in a map of states
* that matches the structure of your form, with control names as keys. The state
* can be a standalone value or a form state object with both a value and a disabled
* status.
*
* ### Example
*
* ```ts
* this.form.reset({first: 'name', last: 'last name'});
*
* console.log(this.form.value); // {first: 'name', last: 'last name'}
* ```
*
* - OR -
*
* ```
* this.form.reset({
* first: {value: 'name', disabled: true},
* last: 'last'
* });
*
* console.log(this.form.value); // {first: 'name', last: 'last name'}
* console.log(this.form.get('first').status); // 'DISABLED'
* ```
* @param {?=} value
* @param {?=} __1
* @return {?}
*/
FormGroup.prototype.reset = function (value, _a) {
if (value === void 0) { value = {}; }
var _b = _a === void 0 ? {} : _a, onlySelf = _b.onlySelf, emitEvent = _b.emitEvent;
this._forEachChild(function (control, name) {
control.reset(value[name], { onlySelf: true, emitEvent: emitEvent });
});
this.updateValueAndValidity({ onlySelf: onlySelf, emitEvent: emitEvent });
this._updatePristine({ onlySelf: onlySelf });
this._updateTouched({ onlySelf: onlySelf });
};
/**
* The aggregate value of the {\@link FormGroup}, including any disabled controls.
*
* If you'd like to include all values regardless of disabled status, use this method.
* Otherwise, the `value` property is the best way to get the value of the group.
* @return {?}
*/
FormGroup.prototype.getRawValue = function () {
return this._reduceChildren({}, function (acc, control, name) {
acc[name] = control instanceof FormControl ? control.value : ((control)).getRawValue();
return acc;
});
};
/**
* \@internal
* @param {?} name
* @return {?}
*/
FormGroup.prototype._throwIfControlMissing = function (name) {
if (!Object.keys(this.controls).length) {
throw new Error("\n There are no form controls registered with this group yet. If you're using ngModel,\n you may want to check next tick (e.g. use setTimeout).\n ");
}
if (!this.controls[name]) {
throw new Error("Cannot find form control with name: " + name + ".");
}
};
/**
* \@internal
* @param {?} cb
* @return {?}
*/
FormGroup.prototype._forEachChild = function (cb) {
var _this = this;
Object.keys(this.controls).forEach(function (k) { return cb(_this.controls[k], k); });
};
/**
* \@internal
* @return {?}
*/
FormGroup.prototype._setUpControls = function () {
var _this = this;
this._forEachChild(function (control) {
control.setParent(_this);
control._registerOnCollectionChange(_this._onCollectionChange);
});
};
/**
* \@internal
* @return {?}
*/
FormGroup.prototype._updateValue = function () { this._value = this._reduceValue(); };
/**
* \@internal
* @param {?} condition
* @return {?}
*/
FormGroup.prototype._anyControls = function (condition) {
var _this = this;
var /** @type {?} */ res = false;
this._forEachChild(function (control, name) {
res = res || (_this.contains(name) && condition(control));
});
return res;
};
/**
* \@internal
* @return {?}
*/
FormGroup.prototype._reduceValue = function () {
var _this = this;
return this._reduceChildren({}, function (acc, control, name) {
if (control.enabled || _this.disabled) {
acc[name] = control.value;
}
return acc;
});
};
/**
* \@internal
* @param {?} initValue
* @param {?} fn
* @return {?}
*/
FormGroup.prototype._reduceChildren = function (initValue, fn) {
var /** @type {?} */ res = initValue;
this._forEachChild(function (control, name) { res = fn(res, control, name); });
return res;
};
/**
* \@internal
* @return {?}
*/
FormGroup.prototype._allControlsDisabled = function () {
for (var _i = 0, _a = Object.keys(this.controls); _i < _a.length; _i++) {
var controlName = _a[_i];
if (this.controls[controlName].enabled) {
return false;
}
}
return Object.keys(this.controls).length > 0 || this.disabled;
};
/**
* \@internal
* @param {?} value
* @return {?}
*/
FormGroup.prototype._checkAllValuesPresent = function (value) {
this._forEachChild(function (control, name) {
if (value[name] === undefined) {
throw new Error("Must supply a value for form control with name: '" + name + "'.");
}
});
};
return FormGroup;
}(AbstractControl));
/**
* \@whatItDoes Tracks the value and validity state of an array of {\@link FormControl},
* {\@link FormGroup} or {\@link FormArray} instances.
*
* A `FormArray` aggregates the values of each child {\@link FormControl} into an array.
* It calculates its status by reducing the statuses of its children. For example, if one of
* the controls in a `FormArray` is invalid, the entire array becomes invalid.
*
* `FormArray` is one of the three fundamental building blocks used to define forms in Angular,
* along with {\@link FormControl} and {\@link FormGroup}.
*
* \@howToUse
*
* When instantiating a {\@link FormArray}, pass in an array of child controls as the first
* argument.
*
* ### Example
*
* ```
* const arr = new FormArray([
* new FormControl('Nancy', Validators.minLength(2)),
* new FormControl('Drew'),
* ]);
*
* console.log(arr.value); // ['Nancy', 'Drew']
* console.log(arr.status); // 'VALID'
* ```
*
* You can also include array-level validators as the second arg, or array-level async
* validators as the third arg. These come in handy when you want to perform validation
* that considers the value of more than one child control.
*
* ### Adding or removing controls
*
* To change the controls in the array, use the `push`, `insert`, or `removeAt` methods
* in `FormArray` itself. These methods ensure the controls are properly tracked in the
* form's hierarchy. Do not modify the array of `AbstractControl`s used to instantiate
* the `FormArray` directly, as that will result in strange and unexpected behavior such
* as broken change detection.
*
* * **npm package**: `\@angular/forms`
*
* \@stable
*/
var FormArray = (function (_super) {
__extends$15(FormArray, _super);
/**
* @param {?} controls
* @param {?=} validator
* @param {?=} asyncValidator
*/
function FormArray(controls, validator, asyncValidator) {
if (validator === void 0) { validator = null; }
if (asyncValidator === void 0) { asyncValidator = null; }
var _this = _super.call(this, validator, asyncValidator) || this;
_this.controls = controls;
_this._initObservables();
_this._setUpControls();
_this.updateValueAndValidity({ onlySelf: true, emitEvent: false });
return _this;
}
/**
* Get the {\@link AbstractControl} at the given `index` in the array.
* @param {?} index
* @return {?}
*/
FormArray.prototype.at = function (index) { return this.controls[index]; };
/**
* Insert a new {\@link AbstractControl} at the end of the array.
* @param {?} control
* @return {?}
*/
FormArray.prototype.push = function (control) {
this.controls.push(control);
this._registerControl(control);
this.updateValueAndValidity();
this._onCollectionChange();
};
/**
* Insert a new {\@link AbstractControl} at the given `index` in the array.
* @param {?} index
* @param {?} control
* @return {?}
*/
FormArray.prototype.insert = function (index, control) {
this.controls.splice(index, 0, control);
this._registerControl(control);
this.updateValueAndValidity();
this._onCollectionChange();
};
/**
* Remove the control at the given `index` in the array.
* @param {?} index
* @return {?}
*/
FormArray.prototype.removeAt = function (index) {
if (this.controls[index])
this.controls[index]._registerOnCollectionChange(function () { });
this.controls.splice(index, 1);
this.updateValueAndValidity();
this._onCollectionChange();
};
/**
* Replace an existing control.
* @param {?} index
* @param {?} control
* @return {?}
*/
FormArray.prototype.setControl = function (index, control) {
if (this.controls[index])
this.controls[index]._registerOnCollectionChange(function () { });
this.controls.splice(index, 1);
if (control) {
this.controls.splice(index, 0, control);
this._registerControl(control);
}
this.updateValueAndValidity();
this._onCollectionChange();
};
Object.defineProperty(FormArray.prototype, "length", {
/**
* Length of the control array.
* @return {?}
*/
get: function () { return this.controls.length; },
enumerable: true,
configurable: true
});
/**
* Sets the value of the {\@link FormArray}. It accepts an array that matches
* the structure of the control.
*
* This method performs strict checks, so it will throw an error if you try
* to set the value of a control that doesn't exist or if you exclude the
* value of a control.
*
* ### Example
*
* ```
* const arr = new FormArray([
* new FormControl(),
* new FormControl()
* ]);
* console.log(arr.value); // [null, null]
*
* arr.setValue(['Nancy', 'Drew']);
* console.log(arr.value); // ['Nancy', 'Drew']
* ```
* @param {?} value
* @param {?=} __1
* @return {?}
*/
FormArray.prototype.setValue = function (value, _a) {
var _this = this;
var _b = _a === void 0 ? {} : _a, onlySelf = _b.onlySelf, emitEvent = _b.emitEvent;
this._checkAllValuesPresent(value);
value.forEach(function (newValue, index) {
_this._throwIfControlMissing(index);
_this.at(index).setValue(newValue, { onlySelf: true, emitEvent: emitEvent });
});
this.updateValueAndValidity({ onlySelf: onlySelf, emitEvent: emitEvent });
};
/**
* Patches the value of the {\@link FormArray}. It accepts an array that matches the
* structure of the control, and will do its best to match the values to the correct
* controls in the group.
*
* It accepts both super-sets and sub-sets of the array without throwing an error.
*
* ### Example
*
* ```
* const arr = new FormArray([
* new FormControl(),
* new FormControl()
* ]);
* console.log(arr.value); // [null, null]
*
* arr.patchValue(['Nancy']);
* console.log(arr.value); // ['Nancy', null]
* ```
* @param {?} value
* @param {?=} __1
* @return {?}
*/
FormArray.prototype.patchValue = function (value, _a) {
var _this = this;
var _b = _a === void 0 ? {} : _a, onlySelf = _b.onlySelf, emitEvent = _b.emitEvent;
value.forEach(function (newValue, index) {
if (_this.at(index)) {
_this.at(index).patchValue(newValue, { onlySelf: true, emitEvent: emitEvent });
}
});
this.updateValueAndValidity({ onlySelf: onlySelf, emitEvent: emitEvent });
};
/**
* Resets the {\@link FormArray}. This means by default:
*
* * The array and all descendants are marked `pristine`
* * The array and all descendants are marked `untouched`
* * The value of all descendants will be null or null maps
*
* You can also reset to a specific form state by passing in an array of states
* that matches the structure of the control. The state can be a standalone value
* or a form state object with both a value and a disabled status.
*
* ### Example
*
* ```ts
* this.arr.reset(['name', 'last name']);
*
* console.log(this.arr.value); // ['name', 'last name']
* ```
*
* - OR -
*
* ```
* this.arr.reset([
* {value: 'name', disabled: true},
* 'last'
* ]);
*
* console.log(this.arr.value); // ['name', 'last name']
* console.log(this.arr.get(0).status); // 'DISABLED'
* ```
* @param {?=} value
* @param {?=} __1
* @return {?}
*/
FormArray.prototype.reset = function (value, _a) {
if (value === void 0) { value = []; }
var _b = _a === void 0 ? {} : _a, onlySelf = _b.onlySelf, emitEvent = _b.emitEvent;
this._forEachChild(function (control, index) {
control.reset(value[index], { onlySelf: true, emitEvent: emitEvent });
});
this.updateValueAndValidity({ onlySelf: onlySelf, emitEvent: emitEvent });
this._updatePristine({ onlySelf: onlySelf });
this._updateTouched({ onlySelf: onlySelf });
};
/**
* The aggregate value of the array, including any disabled controls.
*
* If you'd like to include all values regardless of disabled status, use this method.
* Otherwise, the `value` property is the best way to get the value of the array.
* @return {?}
*/
FormArray.prototype.getRawValue = function () {
return this.controls.map(function (control) {
return control instanceof FormControl ? control.value : ((control)).getRawValue();
});
};
/**
* \@internal
* @param {?} index
* @return {?}
*/
FormArray.prototype._throwIfControlMissing = function (index) {
if (!this.controls.length) {
throw new Error("\n There are no form controls registered with this array yet. If you're using ngModel,\n you may want to check next tick (e.g. use setTimeout).\n ");
}
if (!this.at(index)) {
throw new Error("Cannot find form control at index " + index);
}
};
/**
* \@internal
* @param {?} cb
* @return {?}
*/
FormArray.prototype._forEachChild = function (cb) {
this.controls.forEach(function (control, index) { cb(control, index); });
};
/**
* \@internal
* @return {?}
*/
FormArray.prototype._updateValue = function () {
var _this = this;
this._value = this.controls.filter(function (control) { return control.enabled || _this.disabled; })
.map(function (control) { return control.value; });
};
/**
* \@internal
* @param {?} condition
* @return {?}
*/
FormArray.prototype._anyControls = function (condition) {
return this.controls.some(function (control) { return control.enabled && condition(control); });
};
/**
* \@internal
* @return {?}
*/
FormArray.prototype._setUpControls = function () {
var _this = this;
this._forEachChild(function (control) { return _this._registerControl(control); });
};
/**
* \@internal
* @param {?} value
* @return {?}
*/
FormArray.prototype._checkAllValuesPresent = function (value) {
this._forEachChild(function (control, i) {
if (value[i] === undefined) {
throw new Error("Must supply a value for form control at index: " + i + ".");
}
});
};
/**
* \@internal
* @return {?}
*/
FormArray.prototype._allControlsDisabled = function () {
for (var _i = 0, _a = this.controls; _i < _a.length; _i++) {
var control = _a[_i];
if (control.enabled)
return false;
}
return this.controls.length > 0 || this.disabled;
};
/**
* @param {?} control
* @return {?}
*/
FormArray.prototype._registerControl = function (control) {
control.setParent(this);
control._registerOnCollectionChange(this._onCollectionChange);
};
return FormArray;
}(AbstractControl));
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var formDirectiveProvider = {
provide: ControlContainer,
useExisting: forwardRef(function () { return NgForm; })
};
var resolvedPromise = Promise.resolve(null);
/**
* \@whatItDoes Creates a top-level {\@link FormGroup} instance and binds it to a form
* to track aggregate form value and validation status.
*
* \@howToUse
*
* As soon as you import the `FormsModule`, this directive becomes active by default on
* all `<form>` tags. You don't need to add a special selector.
*
* You can export the directive into a local template variable using `ngForm` as the key
* (ex: `#myForm="ngForm"`). This is optional, but useful. Many properties from the underlying
* {\@link FormGroup} instance are duplicated on the directive itself, so a reference to it
* will give you access to the aggregate value and validity status of the form, as well as
* user interaction properties like `dirty` and `touched`.
*
* To register child controls with the form, you'll want to use {\@link NgModel} with a
* `name` attribute. You can also use {\@link NgModelGroup} if you'd like to create
* sub-groups within the form.
*
* You can listen to the directive's `ngSubmit` event to be notified when the user has
* triggered a form submission. The `ngSubmit` event will be emitted with the original form
* submission event.
*
* {\@example forms/ts/simpleForm/simple_form_example.ts region='Component'}
*
* * **npm package**: `\@angular/forms`
*
* * **NgModule**: `FormsModule`
*
* \@stable
*/
var NgForm = (function (_super) {
__extends$15(NgForm, _super);
/**
* @param {?} validators
* @param {?} asyncValidators
*/
function NgForm(validators, asyncValidators) {
var _this = _super.call(this) || this;
_this._submitted = false;
_this.ngSubmit = new EventEmitter();
_this.form =
new FormGroup({}, composeValidators(validators), composeAsyncValidators(asyncValidators));
return _this;
}
Object.defineProperty(NgForm.prototype, "submitted", {
/**
* @return {?}
*/
get: function () { return this._submitted; },
enumerable: true,
configurable: true
});
Object.defineProperty(NgForm.prototype, "formDirective", {
/**
* @return {?}
*/
get: function () { return this; },
enumerable: true,
configurable: true
});
Object.defineProperty(NgForm.prototype, "control", {
/**
* @return {?}
*/
get: function () { return this.form; },
enumerable: true,
configurable: true
});
Object.defineProperty(NgForm.prototype, "path", {
/**
* @return {?}
*/
get: function () { return []; },
enumerable: true,
configurable: true
});
Object.defineProperty(NgForm.prototype, "controls", {
/**
* @return {?}
*/
get: function () { return this.form.controls; },
enumerable: true,
configurable: true
});
/**
* @param {?} dir
* @return {?}
*/
NgForm.prototype.addControl = function (dir) {
var _this = this;
resolvedPromise.then(function () {
var /** @type {?} */ container = _this._findContainer(dir.path);
dir._control = (container.registerControl(dir.name, dir.control));
setUpControl(dir.control, dir);
dir.control.updateValueAndValidity({ emitEvent: false });
});
};
/**
* @param {?} dir
* @return {?}
*/
NgForm.prototype.getControl = function (dir) { return (this.form.get(dir.path)); };
/**
* @param {?} dir
* @return {?}
*/
NgForm.prototype.removeControl = function (dir) {
var _this = this;
resolvedPromise.then(function () {
var /** @type {?} */ container = _this._findContainer(dir.path);
if (container) {
container.removeControl(dir.name);
}
});
};
/**
* @param {?} dir
* @return {?}
*/
NgForm.prototype.addFormGroup = function (dir) {
var _this = this;
resolvedPromise.then(function () {
var /** @type {?} */ container = _this._findContainer(dir.path);
var /** @type {?} */ group$$1 = new FormGroup({});
setUpFormContainer(group$$1, dir);
container.registerControl(dir.name, group$$1);
group$$1.updateValueAndValidity({ emitEvent: false });
});
};
/**
* @param {?} dir
* @return {?}
*/
NgForm.prototype.removeFormGroup = function (dir) {
var _this = this;
resolvedPromise.then(function () {
var /** @type {?} */ container = _this._findContainer(dir.path);
if (container) {
container.removeControl(dir.name);
}
});
};
/**
* @param {?} dir
* @return {?}
*/
NgForm.prototype.getFormGroup = function (dir) { return (this.form.get(dir.path)); };
/**
* @param {?} dir
* @param {?} value
* @return {?}
*/
NgForm.prototype.updateModel = function (dir, value) {
var _this = this;
resolvedPromise.then(function () {
var /** @type {?} */ ctrl = (_this.form.get(dir.path));
ctrl.setValue(value);
});
};
/**
* @param {?} value
* @return {?}
*/
NgForm.prototype.setValue = function (value) { this.control.setValue(value); };
/**
* @param {?} $event
* @return {?}
*/
NgForm.prototype.onSubmit = function ($event) {
this._submitted = true;
this.ngSubmit.emit($event);
return false;
};
/**
* @return {?}
*/
NgForm.prototype.onReset = function () { this.resetForm(); };
/**
* @param {?=} value
* @return {?}
*/
NgForm.prototype.resetForm = function (value) {
if (value === void 0) { value = undefined; }
this.form.reset(value);
this._submitted = false;
};
/**
* \@internal
* @param {?} path
* @return {?}
*/
NgForm.prototype._findContainer = function (path) {
path.pop();
return path.length ? (this.form.get(path)) : this.form;
};
return NgForm;
}(ControlContainer));
NgForm.decorators = [
{ type: Directive, args: [{
selector: 'form:not([ngNoForm]):not([formGroup]),ngForm,[ngForm]',
providers: [formDirectiveProvider],
host: { '(submit)': 'onSubmit($event)', '(reset)': 'onReset()' },
outputs: ['ngSubmit'],
exportAs: 'ngForm'
},] },
];
/**
* @nocollapse
*/
NgForm.ctorParameters = function () { return [
{ type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_VALIDATORS,] },] },
{ type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_ASYNC_VALIDATORS,] },] },
]; };
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var FormErrorExamples = {
formControlName: "\n <div [formGroup]=\"myGroup\">\n <input formControlName=\"firstName\">\n </div>\n\n In your class:\n\n this.myGroup = new FormGroup({\n firstName: new FormControl()\n });",
formGroupName: "\n <div [formGroup]=\"myGroup\">\n <div formGroupName=\"person\">\n <input formControlName=\"firstName\">\n </div>\n </div>\n\n In your class:\n\n this.myGroup = new FormGroup({\n person: new FormGroup({ firstName: new FormControl() })\n });",
formArrayName: "\n <div [formGroup]=\"myGroup\">\n <div formArrayName=\"cities\">\n <div *ngFor=\"let city of cityArray.controls; index as i\">\n <input [formControlName]=\"i\">\n </div>\n </div>\n </div>\n\n In your class:\n\n this.cityArray = new FormArray([new FormControl('SF')]);\n this.myGroup = new FormGroup({\n cities: this.cityArray\n });",
ngModelGroup: "\n <form>\n <div ngModelGroup=\"person\">\n <input [(ngModel)]=\"person.name\" name=\"firstName\">\n </div>\n </form>",
ngModelWithFormGroup: "\n <div [formGroup]=\"myGroup\">\n <input formControlName=\"firstName\">\n <input [(ngModel)]=\"showMoreControls\" [ngModelOptions]=\"{standalone: true}\">\n </div>\n "
};
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var TemplateDrivenErrors = (function () {
function TemplateDrivenErrors() {
}
/**
* @return {?}
*/
TemplateDrivenErrors.modelParentException = function () {
throw new Error("\n ngModel cannot be used to register form controls with a parent formGroup directive. Try using\n formGroup's partner directive \"formControlName\" instead. Example:\n\n " + FormErrorExamples.formControlName + "\n\n Or, if you'd like to avoid registering this form control, indicate that it's standalone in ngModelOptions:\n\n Example:\n\n " + FormErrorExamples.ngModelWithFormGroup);
};
/**
* @return {?}
*/
TemplateDrivenErrors.formGroupNameException = function () {
throw new Error("\n ngModel cannot be used to register form controls with a parent formGroupName or formArrayName directive.\n\n Option 1: Use formControlName instead of ngModel (reactive strategy):\n\n " + FormErrorExamples.formGroupName + "\n\n Option 2: Update ngModel's parent be ngModelGroup (template-driven strategy):\n\n " + FormErrorExamples.ngModelGroup);
};
/**
* @return {?}
*/
TemplateDrivenErrors.missingNameException = function () {
throw new Error("If ngModel is used within a form tag, either the name attribute must be set or the form\n control must be defined as 'standalone' in ngModelOptions.\n\n Example 1: <input [(ngModel)]=\"person.firstName\" name=\"first\">\n Example 2: <input [(ngModel)]=\"person.firstName\" [ngModelOptions]=\"{standalone: true}\">");
};
/**
* @return {?}
*/
TemplateDrivenErrors.modelGroupParentException = function () {
throw new Error("\n ngModelGroup cannot be used with a parent formGroup directive.\n\n Option 1: Use formGroupName instead of ngModelGroup (reactive strategy):\n\n " + FormErrorExamples.formGroupName + "\n\n Option 2: Use a regular form tag instead of the formGroup directive (template-driven strategy):\n\n " + FormErrorExamples.ngModelGroup);
};
return TemplateDrivenErrors;
}());
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var modelGroupProvider = {
provide: ControlContainer,
useExisting: forwardRef(function () { return NgModelGroup; })
};
/**
* \@whatItDoes Creates and binds a {\@link FormGroup} instance to a DOM element.
*
* \@howToUse
*
* This directive can only be used as a child of {\@link NgForm} (or in other words,
* within `<form>` tags).
*
* Use this directive if you'd like to create a sub-group within a form. This can
* come in handy if you want to validate a sub-group of your form separately from
* the rest of your form, or if some values in your domain model make more sense to
* consume together in a nested object.
*
* Pass in the name you'd like this sub-group to have and it will become the key
* for the sub-group in the form's full value. You can also export the directive into
* a local template variable using `ngModelGroup` (ex: `#myGroup="ngModelGroup"`).
*
* {\@example forms/ts/ngModelGroup/ng_model_group_example.ts region='Component'}
*
* * **npm package**: `\@angular/forms`
*
* * **NgModule**: `FormsModule`
*
* \@stable
*/
var NgModelGroup = (function (_super) {
__extends$15(NgModelGroup, _super);
/**
* @param {?} parent
* @param {?} validators
* @param {?} asyncValidators
*/
function NgModelGroup(parent, validators, asyncValidators) {
var _this = _super.call(this) || this;
_this._parent = parent;
_this._validators = validators;
_this._asyncValidators = asyncValidators;
return _this;
}
/**
* \@internal
* @return {?}
*/
NgModelGroup.prototype._checkParentType = function () {
if (!(this._parent instanceof NgModelGroup) && !(this._parent instanceof NgForm)) {
TemplateDrivenErrors.modelGroupParentException();
}
};
return NgModelGroup;
}(AbstractFormGroupDirective));
NgModelGroup.decorators = [
{ type: Directive, args: [{ selector: '[ngModelGroup]', providers: [modelGroupProvider], exportAs: 'ngModelGroup' },] },
];
/**
* @nocollapse
*/
NgModelGroup.ctorParameters = function () { return [
{ type: ControlContainer, decorators: [{ type: Host }, { type: SkipSelf },] },
{ type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_VALIDATORS,] },] },
{ type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_ASYNC_VALIDATORS,] },] },
]; };
NgModelGroup.propDecorators = {
'name': [{ type: Input, args: ['ngModelGroup',] },],
};
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var formControlBinding = {
provide: NgControl,
useExisting: forwardRef(function () { return NgModel; })
};
/**
* `ngModel` forces an additional change detection run when its inputs change:
* E.g.:
* ```
* <div>{{myModel.valid}}</div>
* <input [(ngModel)]="myValue" #myModel="ngModel">
* ```
* I.e. `ngModel` can export itself on the element and then be used in the template.
* Normally, this would result in expressions before the `input` that use the exported directive
* to have and old value as they have been
* dirty checked before. As this is a very common case for `ngModel`, we added this second change
* detection run.
*
* Notes:
* - this is just one extra run no matter how many `ngModel` have been changed.
* - this is a general problem when using `exportAs` for directives!
*/
var resolvedPromise$1 = Promise.resolve(null);
/**
* \@whatItDoes Creates a {\@link FormControl} instance from a domain model and binds it
* to a form control element.
*
* The {\@link FormControl} instance will track the value, user interaction, and
* validation status of the control and keep the view synced with the model. If used
* within a parent form, the directive will also register itself with the form as a child
* control.
*
* \@howToUse
*
* This directive can be used by itself or as part of a larger form. All you need is the
* `ngModel` selector to activate it.
*
* It accepts a domain model as an optional {\@link \@Input}. If you have a one-way binding
* to `ngModel` with `[]` syntax, changing the value of the domain model in the component
* class will set the value in the view. If you have a two-way binding with `[()]` syntax
* (also known as 'banana-box syntax'), the value in the UI will always be synced back to
* the domain model in your class as well.
*
* If you wish to inspect the properties of the associated {\@link FormControl} (like
* validity state), you can also export the directive into a local template variable using
* `ngModel` as the key (ex: `#myVar="ngModel"`). You can then access the control using the
* directive's `control` property, but most properties you'll need (like `valid` and `dirty`)
* will fall through to the control anyway, so you can access them directly. You can see a
* full list of properties directly available in {\@link AbstractControlDirective}.
*
* The following is an example of a simple standalone control using `ngModel`:
*
* {\@example forms/ts/simpleNgModel/simple_ng_model_example.ts region='Component'}
*
* When using the `ngModel` within `<form>` tags, you'll also need to supply a `name` attribute
* so that the control can be registered with the parent form under that name.
*
* It's worth noting that in the context of a parent form, you often can skip one-way or
* two-way binding because the parent form will sync the value for you. You can access
* its properties by exporting it into a local template variable using `ngForm` (ex:
* `#f="ngForm"`). Then you can pass it where it needs to go on submit.
*
* If you do need to populate initial values into your form, using a one-way binding for
* `ngModel` tends to be sufficient as long as you use the exported form's value rather
* than the domain model's value on submit.
*
* Take a look at an example of using `ngModel` within a form:
*
* {\@example forms/ts/simpleForm/simple_form_example.ts region='Component'}
*
* To see `ngModel` examples with different form control types, see:
*
* * Radio buttons: {\@link RadioControlValueAccessor}
* * Selects: {\@link SelectControlValueAccessor}
*
* **npm package**: `\@angular/forms`
*
* **NgModule**: `FormsModule`
*
* \@stable
*/
var NgModel = (function (_super) {
__extends$15(NgModel, _super);
/**
* @param {?} parent
* @param {?} validators
* @param {?} asyncValidators
* @param {?} valueAccessors
*/
function NgModel(parent, validators, asyncValidators, valueAccessors) {
var _this = _super.call(this) || this;
/**
* \@internal
*/
_this._control = new FormControl();
/**
* \@internal
*/
_this._registered = false;
_this.update = new EventEmitter();
_this._parent = parent;
_this._rawValidators = validators || [];
_this._rawAsyncValidators = asyncValidators || [];
_this.valueAccessor = selectValueAccessor(_this, valueAccessors);
return _this;
}
/**
* @param {?} changes
* @return {?}
*/
NgModel.prototype.ngOnChanges = function (changes) {
this._checkForErrors();
if (!this._registered)
this._setUpControl();
if ('isDisabled' in changes) {
this._updateDisabled(changes);
}
if (isPropertyUpdated(changes, this.viewModel)) {
this._updateValue(this.model);
this.viewModel = this.model;
}
};
/**
* @return {?}
*/
NgModel.prototype.ngOnDestroy = function () { this.formDirective && this.formDirective.removeControl(this); };
Object.defineProperty(NgModel.prototype, "control", {
/**
* @return {?}
*/
get: function () { return this._control; },
enumerable: true,
configurable: true
});
Object.defineProperty(NgModel.prototype, "path", {
/**
* @return {?}
*/
get: function () {
return this._parent ? controlPath(this.name, this._parent) : [this.name];
},
enumerable: true,
configurable: true
});
Object.defineProperty(NgModel.prototype, "formDirective", {
/**
* @return {?}
*/
get: function () { return this._parent ? this._parent.formDirective : null; },
enumerable: true,
configurable: true
});
Object.defineProperty(NgModel.prototype, "validator", {
/**
* @return {?}
*/
get: function () { return composeValidators(this._rawValidators); },
enumerable: true,
configurable: true
});
Object.defineProperty(NgModel.prototype, "asyncValidator", {
/**
* @return {?}
*/
get: function () {
return composeAsyncValidators(this._rawAsyncValidators);
},
enumerable: true,
configurable: true
});
/**
* @param {?} newValue
* @return {?}
*/
NgModel.prototype.viewToModelUpdate = function (newValue) {
this.viewModel = newValue;
this.update.emit(newValue);
};
/**
* @return {?}
*/
NgModel.prototype._setUpControl = function () {
this._isStandalone() ? this._setUpStandalone() :
this.formDirective.addControl(this);
this._registered = true;
};
/**
* @return {?}
*/
NgModel.prototype._isStandalone = function () {
return !this._parent || (this.options && this.options.standalone);
};
/**
* @return {?}
*/
NgModel.prototype._setUpStandalone = function () {
setUpControl(this._control, this);
this._control.updateValueAndValidity({ emitEvent: false });
};
/**
* @return {?}
*/
NgModel.prototype._checkForErrors = function () {
if (!this._isStandalone()) {
this._checkParentType();
}
this._checkName();
};
/**
* @return {?}
*/
NgModel.prototype._checkParentType = function () {
if (!(this._parent instanceof NgModelGroup) &&
this._parent instanceof AbstractFormGroupDirective) {
TemplateDrivenErrors.formGroupNameException();
}
else if (!(this._parent instanceof NgModelGroup) && !(this._parent instanceof NgForm)) {
TemplateDrivenErrors.modelParentException();
}
};
/**
* @return {?}
*/
NgModel.prototype._checkName = function () {
if (this.options && this.options.name)
this.name = this.options.name;
if (!this._isStandalone() && !this.name) {
TemplateDrivenErrors.missingNameException();
}
};
/**
* @param {?} value
* @return {?}
*/
NgModel.prototype._updateValue = function (value) {
var _this = this;
resolvedPromise$1.then(function () { _this.control.setValue(value, { emitViewToModelChange: false }); });
};
/**
* @param {?} changes
* @return {?}
*/
NgModel.prototype._updateDisabled = function (changes) {
var _this = this;
var /** @type {?} */ disabledValue = changes['isDisabled'].currentValue;
var /** @type {?} */ isDisabled = disabledValue === '' || (disabledValue && disabledValue !== 'false');
resolvedPromise$1.then(function () {
if (isDisabled && !_this.control.disabled) {
_this.control.disable();
}
else if (!isDisabled && _this.control.disabled) {
_this.control.enable();
}
});
};
return NgModel;
}(NgControl));
NgModel.decorators = [
{ type: Directive, args: [{
selector: '[ngModel]:not([formControlName]):not([formControl])',
providers: [formControlBinding],
exportAs: 'ngModel'
},] },
];
/**
* @nocollapse
*/
NgModel.ctorParameters = function () { return [
{ type: ControlContainer, decorators: [{ type: Optional }, { type: Host },] },
{ type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_VALIDATORS,] },] },
{ type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_ASYNC_VALIDATORS,] },] },
{ type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_VALUE_ACCESSOR,] },] },
]; };
NgModel.propDecorators = {
'name': [{ type: Input },],
'isDisabled': [{ type: Input, args: ['disabled',] },],
'model': [{ type: Input, args: ['ngModel',] },],
'options': [{ type: Input, args: ['ngModelOptions',] },],
'update': [{ type: Output, args: ['ngModelChange',] },],
};
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var ReactiveErrors = (function () {
function ReactiveErrors() {
}
/**
* @return {?}
*/
ReactiveErrors.controlParentException = function () {
throw new Error("formControlName must be used with a parent formGroup directive. You'll want to add a formGroup\n directive and pass it an existing FormGroup instance (you can create one in your class).\n\n Example:\n\n " + FormErrorExamples.formControlName);
};
/**
* @return {?}
*/
ReactiveErrors.ngModelGroupException = function () {
throw new Error("formControlName cannot be used with an ngModelGroup parent. It is only compatible with parents\n that also have a \"form\" prefix: formGroupName, formArrayName, or formGroup.\n\n Option 1: Update the parent to be formGroupName (reactive form strategy)\n\n " + FormErrorExamples.formGroupName + "\n\n Option 2: Use ngModel instead of formControlName (template-driven strategy)\n\n " + FormErrorExamples.ngModelGroup);
};
/**
* @return {?}
*/
ReactiveErrors.missingFormException = function () {
throw new Error("formGroup expects a FormGroup instance. Please pass one in.\n\n Example:\n\n " + FormErrorExamples.formControlName);
};
/**
* @return {?}
*/
ReactiveErrors.groupParentException = function () {
throw new Error("formGroupName must be used with a parent formGroup directive. You'll want to add a formGroup\n directive and pass it an existing FormGroup instance (you can create one in your class).\n\n Example:\n\n " + FormErrorExamples.formGroupName);
};
/**
* @return {?}
*/
ReactiveErrors.arrayParentException = function () {
throw new Error("formArrayName must be used with a parent formGroup directive. You'll want to add a formGroup\n directive and pass it an existing FormGroup instance (you can create one in your class).\n\n Example:\n\n " + FormErrorExamples.formArrayName);
};
/**
* @return {?}
*/
ReactiveErrors.disabledAttrWarning = function () {
console.warn("\n It looks like you're using the disabled attribute with a reactive form directive. If you set disabled to true\n when you set up this control in your component class, the disabled attribute will actually be set in the DOM for\n you. We recommend using this approach to avoid 'changed after checked' errors.\n \n Example: \n form = new FormGroup({\n first: new FormControl({value: 'Nancy', disabled: true}, Validators.required),\n last: new FormControl('Drew', Validators.required)\n });\n ");
};
return ReactiveErrors;
}());
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var formControlBinding$1 = {
provide: NgControl,
useExisting: forwardRef(function () { return FormControlDirective; })
};
/**
* \@whatItDoes Syncs a standalone {\@link FormControl} instance to a form control element.
*
* In other words, this directive ensures that any values written to the {\@link FormControl}
* instance programmatically will be written to the DOM element (model -> view). Conversely,
* any values written to the DOM element through user input will be reflected in the
* {\@link FormControl} instance (view -> model).
*
* \@howToUse
*
* Use this directive if you'd like to create and manage a {\@link FormControl} instance directly.
* Simply create a {\@link FormControl}, save it to your component class, and pass it into the
* {\@link FormControlDirective}.
*
* This directive is designed to be used as a standalone control. Unlike {\@link FormControlName},
* it does not require that your {\@link FormControl} instance be part of any parent
* {\@link FormGroup}, and it won't be registered to any {\@link FormGroupDirective} that
* exists above it.
*
* **Get the value**: the `value` property is always synced and available on the
* {\@link FormControl} instance. See a full list of available properties in
* {\@link AbstractControl}.
*
* **Set the value**: You can pass in an initial value when instantiating the {\@link FormControl},
* or you can set it programmatically later using {\@link AbstractControl.setValue} or
* {\@link AbstractControl.patchValue}.
*
* **Listen to value**: If you want to listen to changes in the value of the control, you can
* subscribe to the {\@link AbstractControl.valueChanges} event. You can also listen to
* {\@link AbstractControl.statusChanges} to be notified when the validation status is
* re-calculated.
*
* ### Example
*
* {\@example forms/ts/simpleFormControl/simple_form_control_example.ts region='Component'}
*
* * **npm package**: `\@angular/forms`
*
* * **NgModule**: `ReactiveFormsModule`
*
* \@stable
*/
var FormControlDirective = (function (_super) {
__extends$15(FormControlDirective, _super);
/**
* @param {?} validators
* @param {?} asyncValidators
* @param {?} valueAccessors
*/
function FormControlDirective(validators, asyncValidators, valueAccessors) {
var _this = _super.call(this) || this;
_this.update = new EventEmitter();
_this._rawValidators = validators || [];
_this._rawAsyncValidators = asyncValidators || [];
_this.valueAccessor = selectValueAccessor(_this, valueAccessors);
return _this;
}
Object.defineProperty(FormControlDirective.prototype, "isDisabled", {
/**
* @param {?} isDisabled
* @return {?}
*/
set: function (isDisabled) { ReactiveErrors.disabledAttrWarning(); },
enumerable: true,
configurable: true
});
/**
* @param {?} changes
* @return {?}
*/
FormControlDirective.prototype.ngOnChanges = function (changes) {
if (this._isControlChanged(changes)) {
setUpControl(this.form, this);
if (this.control.disabled && this.valueAccessor.setDisabledState) {
this.valueAccessor.setDisabledState(true);
}
this.form.updateValueAndValidity({ emitEvent: false });
}
if (isPropertyUpdated(changes, this.viewModel)) {
this.form.setValue(this.model);
this.viewModel = this.model;
}
};
Object.defineProperty(FormControlDirective.prototype, "path", {
/**
* @return {?}
*/
get: function () { return []; },
enumerable: true,
configurable: true
});
Object.defineProperty(FormControlDirective.prototype, "validator", {
/**
* @return {?}
*/
get: function () { return composeValidators(this._rawValidators); },
enumerable: true,
configurable: true
});
Object.defineProperty(FormControlDirective.prototype, "asyncValidator", {
/**
* @return {?}
*/
get: function () {
return composeAsyncValidators(this._rawAsyncValidators);
},
enumerable: true,
configurable: true
});
Object.defineProperty(FormControlDirective.prototype, "control", {
/**
* @return {?}
*/
get: function () { return this.form; },
enumerable: true,
configurable: true
});
/**
* @param {?} newValue
* @return {?}
*/
FormControlDirective.prototype.viewToModelUpdate = function (newValue) {
this.viewModel = newValue;
this.update.emit(newValue);
};
/**
* @param {?} changes
* @return {?}
*/
FormControlDirective.prototype._isControlChanged = function (changes) {
return changes.hasOwnProperty('form');
};
return FormControlDirective;
}(NgControl));
FormControlDirective.decorators = [
{ type: Directive, args: [{ selector: '[formControl]', providers: [formControlBinding$1], exportAs: 'ngForm' },] },
];
/**
* @nocollapse
*/
FormControlDirective.ctorParameters = function () { return [
{ type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_VALIDATORS,] },] },
{ type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_ASYNC_VALIDATORS,] },] },
{ type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_VALUE_ACCESSOR,] },] },
]; };
FormControlDirective.propDecorators = {
'form': [{ type: Input, args: ['formControl',] },],
'model': [{ type: Input, args: ['ngModel',] },],
'update': [{ type: Output, args: ['ngModelChange',] },],
'isDisabled': [{ type: Input, args: ['disabled',] },],
};
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var formDirectiveProvider$1 = {
provide: ControlContainer,
useExisting: forwardRef(function () { return FormGroupDirective; })
};
/**
* \@whatItDoes Binds an existing {\@link FormGroup} to a DOM element.
*
* \@howToUse
*
* This directive accepts an existing {\@link FormGroup} instance. It will then use this
* {\@link FormGroup} instance to match any child {\@link FormControl}, {\@link FormGroup},
* and {\@link FormArray} instances to child {\@link FormControlName}, {\@link FormGroupName},
* and {\@link FormArrayName} directives.
*
* **Set value**: You can set the form's initial value when instantiating the
* {\@link FormGroup}, or you can set it programmatically later using the {\@link FormGroup}'s
* {\@link AbstractControl.setValue} or {\@link AbstractControl.patchValue} methods.
*
* **Listen to value**: If you want to listen to changes in the value of the form, you can subscribe
* to the {\@link FormGroup}'s {\@link AbstractControl.valueChanges} event. You can also listen to
* its {\@link AbstractControl.statusChanges} event to be notified when the validation status is
* re-calculated.
*
* Furthermore, you can listen to the directive's `ngSubmit` event to be notified when the user has
* triggered a form submission. The `ngSubmit` event will be emitted with the original form
* submission event.
*
* ### Example
*
* In this example, we create form controls for first name and last name.
*
* {\@example forms/ts/simpleFormGroup/simple_form_group_example.ts region='Component'}
*
* **npm package**: `\@angular/forms`
*
* **NgModule**: {\@link ReactiveFormsModule}
*
* \@stable
*/
var FormGroupDirective = (function (_super) {
__extends$15(FormGroupDirective, _super);
/**
* @param {?} _validators
* @param {?} _asyncValidators
*/
function FormGroupDirective(_validators, _asyncValidators) {
var _this = _super.call(this) || this;
_this._validators = _validators;
_this._asyncValidators = _asyncValidators;
_this._submitted = false;
_this.directives = [];
_this.form = null;
_this.ngSubmit = new EventEmitter();
return _this;
}
/**
* @param {?} changes
* @return {?}
*/
FormGroupDirective.prototype.ngOnChanges = function (changes) {
this._checkFormPresent();
if (changes.hasOwnProperty('form')) {
this._updateValidators();
this._updateDomValue();
this._updateRegistrations();
}
};
Object.defineProperty(FormGroupDirective.prototype, "submitted", {
/**
* @return {?}
*/
get: function () { return this._submitted; },
enumerable: true,
configurable: true
});
Object.defineProperty(FormGroupDirective.prototype, "formDirective", {
/**
* @return {?}
*/
get: function () { return this; },
enumerable: true,
configurable: true
});
Object.defineProperty(FormGroupDirective.prototype, "control", {
/**
* @return {?}
*/
get: function () { return this.form; },
enumerable: true,
configurable: true
});
Object.defineProperty(FormGroupDirective.prototype, "path", {
/**
* @return {?}
*/
get: function () { return []; },
enumerable: true,
configurable: true
});
/**
* @param {?} dir
* @return {?}
*/
FormGroupDirective.prototype.addControl = function (dir) {
var /** @type {?} */ ctrl = this.form.get(dir.path);
setUpControl(ctrl, dir);
ctrl.updateValueAndValidity({ emitEvent: false });
this.directives.push(dir);
return ctrl;
};
/**
* @param {?} dir
* @return {?}
*/
FormGroupDirective.prototype.getControl = function (dir) { return (this.form.get(dir.path)); };
/**
* @param {?} dir
* @return {?}
*/
FormGroupDirective.prototype.removeControl = function (dir) { remove$1(this.directives, dir); };
/**
* @param {?} dir
* @return {?}
*/
FormGroupDirective.prototype.addFormGroup = function (dir) {
var /** @type {?} */ ctrl = this.form.get(dir.path);
setUpFormContainer(ctrl, dir);
ctrl.updateValueAndValidity({ emitEvent: false });
};
/**
* @param {?} dir
* @return {?}
*/
FormGroupDirective.prototype.removeFormGroup = function (dir) { };
/**
* @param {?} dir
* @return {?}
*/
FormGroupDirective.prototype.getFormGroup = function (dir) { return (this.form.get(dir.path)); };
/**
* @param {?} dir
* @return {?}
*/
FormGroupDirective.prototype.addFormArray = function (dir) {
var /** @type {?} */ ctrl = this.form.get(dir.path);
setUpFormContainer(ctrl, dir);
ctrl.updateValueAndValidity({ emitEvent: false });
};
/**
* @param {?} dir
* @return {?}
*/
FormGroupDirective.prototype.removeFormArray = function (dir) { };
/**
* @param {?} dir
* @return {?}
*/
FormGroupDirective.prototype.getFormArray = function (dir) { return (this.form.get(dir.path)); };
/**
* @param {?} dir
* @param {?} value
* @return {?}
*/
FormGroupDirective.prototype.updateModel = function (dir, value) {
var /** @type {?} */ ctrl = (this.form.get(dir.path));
ctrl.setValue(value);
};
/**
* @param {?} $event
* @return {?}
*/
FormGroupDirective.prototype.onSubmit = function ($event) {
this._submitted = true;
this.ngSubmit.emit($event);
return false;
};
/**
* @return {?}
*/
FormGroupDirective.prototype.onReset = function () { this.resetForm(); };
/**
* @param {?=} value
* @return {?}
*/
FormGroupDirective.prototype.resetForm = function (value) {
if (value === void 0) { value = undefined; }
this.form.reset(value);
this._submitted = false;
};
/**
* \@internal
* @return {?}
*/
FormGroupDirective.prototype._updateDomValue = function () {
var _this = this;
this.directives.forEach(function (dir) {
var /** @type {?} */ newCtrl = _this.form.get(dir.path);
if (dir._control !== newCtrl) {
cleanUpControl(dir._control, dir);
if (newCtrl)
setUpControl(newCtrl, dir);
dir._control = newCtrl;
}
});
this.form._updateTreeValidity({ emitEvent: false });
};
/**
* @return {?}
*/
FormGroupDirective.prototype._updateRegistrations = function () {
var _this = this;
this.form._registerOnCollectionChange(function () { return _this._updateDomValue(); });
if (this._oldForm)
this._oldForm._registerOnCollectionChange(function () { });
this._oldForm = this.form;
};
/**
* @return {?}
*/
FormGroupDirective.prototype._updateValidators = function () {
var /** @type {?} */ sync = composeValidators(this._validators);
this.form.validator = Validators.compose([this.form.validator, sync]);
var /** @type {?} */ async = composeAsyncValidators(this._asyncValidators);
this.form.asyncValidator = Validators.composeAsync([this.form.asyncValidator, async]);
};
/**
* @return {?}
*/
FormGroupDirective.prototype._checkFormPresent = function () {
if (!this.form) {
ReactiveErrors.missingFormException();
}
};
return FormGroupDirective;
}(ControlContainer));
FormGroupDirective.decorators = [
{ type: Directive, args: [{
selector: '[formGroup]',
providers: [formDirectiveProvider$1],
host: { '(submit)': 'onSubmit($event)', '(reset)': 'onReset()' },
exportAs: 'ngForm'
},] },
];
/**
* @nocollapse
*/
FormGroupDirective.ctorParameters = function () { return [
{ type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_VALIDATORS,] },] },
{ type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_ASYNC_VALIDATORS,] },] },
]; };
FormGroupDirective.propDecorators = {
'form': [{ type: Input, args: ['formGroup',] },],
'ngSubmit': [{ type: Output },],
};
/**
* @template T
* @param {?} list
* @param {?} el
* @return {?}
*/
function remove$1(list, el) {
var /** @type {?} */ index = list.indexOf(el);
if (index > -1) {
list.splice(index, 1);
}
}
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var formGroupNameProvider = {
provide: ControlContainer,
useExisting: forwardRef(function () { return FormGroupName; })
};
/**
* \@whatItDoes Syncs a nested {\@link FormGroup} to a DOM element.
*
* \@howToUse
*
* This directive can only be used with a parent {\@link FormGroupDirective} (selector:
* `[formGroup]`).
*
* It accepts the string name of the nested {\@link FormGroup} you want to link, and
* will look for a {\@link FormGroup} registered with that name in the parent
* {\@link FormGroup} instance you passed into {\@link FormGroupDirective}.
*
* Nested form groups can come in handy when you want to validate a sub-group of a
* form separately from the rest or when you'd like to group the values of certain
* controls into their own nested object.
*
* **Access the group**: You can access the associated {\@link FormGroup} using the
* {\@link AbstractControl.get} method. Ex: `this.form.get('name')`.
*
* You can also access individual controls within the group using dot syntax.
* Ex: `this.form.get('name.first')`
*
* **Get the value**: the `value` property is always synced and available on the
* {\@link FormGroup}. See a full list of available properties in {\@link AbstractControl}.
*
* **Set the value**: You can set an initial value for each child control when instantiating
* the {\@link FormGroup}, or you can set it programmatically later using
* {\@link AbstractControl.setValue} or {\@link AbstractControl.patchValue}.
*
* **Listen to value**: If you want to listen to changes in the value of the group, you can
* subscribe to the {\@link AbstractControl.valueChanges} event. You can also listen to
* {\@link AbstractControl.statusChanges} to be notified when the validation status is
* re-calculated.
*
* ### Example
*
* {\@example forms/ts/nestedFormGroup/nested_form_group_example.ts region='Component'}
*
* * **npm package**: `\@angular/forms`
*
* * **NgModule**: `ReactiveFormsModule`
*
* \@stable
*/
var FormGroupName = (function (_super) {
__extends$15(FormGroupName, _super);
/**
* @param {?} parent
* @param {?} validators
* @param {?} asyncValidators
*/
function FormGroupName(parent, validators, asyncValidators) {
var _this = _super.call(this) || this;
_this._parent = parent;
_this._validators = validators;
_this._asyncValidators = asyncValidators;
return _this;
}
/**
* \@internal
* @return {?}
*/
FormGroupName.prototype._checkParentType = function () {
if (_hasInvalidParent(this._parent)) {
ReactiveErrors.groupParentException();
}
};
return FormGroupName;
}(AbstractFormGroupDirective));
FormGroupName.decorators = [
{ type: Directive, args: [{ selector: '[formGroupName]', providers: [formGroupNameProvider] },] },
];
/**
* @nocollapse
*/
FormGroupName.ctorParameters = function () { return [
{ type: ControlContainer, decorators: [{ type: Optional }, { type: Host }, { type: SkipSelf },] },
{ type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_VALIDATORS,] },] },
{ type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_ASYNC_VALIDATORS,] },] },
]; };
FormGroupName.propDecorators = {
'name': [{ type: Input, args: ['formGroupName',] },],
};
var formArrayNameProvider = {
provide: ControlContainer,
useExisting: forwardRef(function () { return FormArrayName; })
};
/**
* \@whatItDoes Syncs a nested {\@link FormArray} to a DOM element.
*
* \@howToUse
*
* This directive is designed to be used with a parent {\@link FormGroupDirective} (selector:
* `[formGroup]`).
*
* It accepts the string name of the nested {\@link FormArray} you want to link, and
* will look for a {\@link FormArray} registered with that name in the parent
* {\@link FormGroup} instance you passed into {\@link FormGroupDirective}.
*
* Nested form arrays can come in handy when you have a group of form controls but
* you're not sure how many there will be. Form arrays allow you to create new
* form controls dynamically.
*
* **Access the array**: You can access the associated {\@link FormArray} using the
* {\@link AbstractControl.get} method on the parent {\@link FormGroup}.
* Ex: `this.form.get('cities')`.
*
* **Get the value**: the `value` property is always synced and available on the
* {\@link FormArray}. See a full list of available properties in {\@link AbstractControl}.
*
* **Set the value**: You can set an initial value for each child control when instantiating
* the {\@link FormArray}, or you can set the value programmatically later using the
* {\@link FormArray}'s {\@link AbstractControl.setValue} or {\@link AbstractControl.patchValue}
* methods.
*
* **Listen to value**: If you want to listen to changes in the value of the array, you can
* subscribe to the {\@link FormArray}'s {\@link AbstractControl.valueChanges} event. You can also
* listen to its {\@link AbstractControl.statusChanges} event to be notified when the validation
* status is re-calculated.
*
* **Add new controls**: You can add new controls to the {\@link FormArray} dynamically by
* calling its {\@link FormArray.push} method.
* Ex: `this.form.get('cities').push(new FormControl());`
*
* ### Example
*
* {\@example forms/ts/nestedFormArray/nested_form_array_example.ts region='Component'}
*
* * **npm package**: `\@angular/forms`
*
* * **NgModule**: `ReactiveFormsModule`
*
* \@stable
*/
var FormArrayName = (function (_super) {
__extends$15(FormArrayName, _super);
/**
* @param {?} parent
* @param {?} validators
* @param {?} asyncValidators
*/
function FormArrayName(parent, validators, asyncValidators) {
var _this = _super.call(this) || this;
_this._parent = parent;
_this._validators = validators;
_this._asyncValidators = asyncValidators;
return _this;
}
/**
* @return {?}
*/
FormArrayName.prototype.ngOnInit = function () {
this._checkParentType();
this.formDirective.addFormArray(this);
};
/**
* @return {?}
*/
FormArrayName.prototype.ngOnDestroy = function () {
if (this.formDirective) {
this.formDirective.removeFormArray(this);
}
};
Object.defineProperty(FormArrayName.prototype, "control", {
/**
* @return {?}
*/
get: function () { return this.formDirective.getFormArray(this); },
enumerable: true,
configurable: true
});
Object.defineProperty(FormArrayName.prototype, "formDirective", {
/**
* @return {?}
*/
get: function () {
return this._parent ? (this._parent.formDirective) : null;
},
enumerable: true,
configurable: true
});
Object.defineProperty(FormArrayName.prototype, "path", {
/**
* @return {?}
*/
get: function () { return controlPath(this.name, this._parent); },
enumerable: true,
configurable: true
});
Object.defineProperty(FormArrayName.prototype, "validator", {
/**
* @return {?}
*/
get: function () { return composeValidators(this._validators); },
enumerable: true,
configurable: true
});
Object.defineProperty(FormArrayName.prototype, "asyncValidator", {
/**
* @return {?}
*/
get: function () { return composeAsyncValidators(this._asyncValidators); },
enumerable: true,
configurable: true
});
/**
* @return {?}
*/
FormArrayName.prototype._checkParentType = function () {
if (_hasInvalidParent(this._parent)) {
ReactiveErrors.arrayParentException();
}
};
return FormArrayName;
}(ControlContainer));
FormArrayName.decorators = [
{ type: Directive, args: [{ selector: '[formArrayName]', providers: [formArrayNameProvider] },] },
];
/**
* @nocollapse
*/
FormArrayName.ctorParameters = function () { return [
{ type: ControlContainer, decorators: [{ type: Optional }, { type: Host }, { type: SkipSelf },] },
{ type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_VALIDATORS,] },] },
{ type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_ASYNC_VALIDATORS,] },] },
]; };
FormArrayName.propDecorators = {
'name': [{ type: Input, args: ['formArrayName',] },],
};
/**
* @param {?} parent
* @return {?}
*/
function _hasInvalidParent(parent) {
return !(parent instanceof FormGroupName) && !(parent instanceof FormGroupDirective) &&
!(parent instanceof FormArrayName);
}
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var controlNameBinding = {
provide: NgControl,
useExisting: forwardRef(function () { return FormControlName; })
};
/**
* \@whatItDoes Syncs a {\@link FormControl} in an existing {\@link FormGroup} to a form control
* element by name.
*
* In other words, this directive ensures that any values written to the {\@link FormControl}
* instance programmatically will be written to the DOM element (model -> view). Conversely,
* any values written to the DOM element through user input will be reflected in the
* {\@link FormControl} instance (view -> model).
*
* \@howToUse
*
* This directive is designed to be used with a parent {\@link FormGroupDirective} (selector:
* `[formGroup]`).
*
* It accepts the string name of the {\@link FormControl} instance you want to
* link, and will look for a {\@link FormControl} registered with that name in the
* closest {\@link FormGroup} or {\@link FormArray} above it.
*
* **Access the control**: You can access the {\@link FormControl} associated with
* this directive by using the {\@link AbstractControl.get} method.
* Ex: `this.form.get('first');`
*
* **Get value**: the `value` property is always synced and available on the {\@link FormControl}.
* See a full list of available properties in {\@link AbstractControl}.
*
* **Set value**: You can set an initial value for the control when instantiating the
* {\@link FormControl}, or you can set it programmatically later using
* {\@link AbstractControl.setValue} or {\@link AbstractControl.patchValue}.
*
* **Listen to value**: If you want to listen to changes in the value of the control, you can
* subscribe to the {\@link AbstractControl.valueChanges} event. You can also listen to
* {\@link AbstractControl.statusChanges} to be notified when the validation status is
* re-calculated.
*
* ### Example
*
* In this example, we create form controls for first name and last name.
*
* {\@example forms/ts/simpleFormGroup/simple_form_group_example.ts region='Component'}
*
* To see `formControlName` examples with different form control types, see:
*
* * Radio buttons: {\@link RadioControlValueAccessor}
* * Selects: {\@link SelectControlValueAccessor}
*
* **npm package**: `\@angular/forms`
*
* **NgModule**: {\@link ReactiveFormsModule}
*
* \@stable
*/
var FormControlName = (function (_super) {
__extends$15(FormControlName, _super);
/**
* @param {?} parent
* @param {?} validators
* @param {?} asyncValidators
* @param {?} valueAccessors
*/
function FormControlName(parent, validators, asyncValidators, valueAccessors) {
var _this = _super.call(this) || this;
_this._added = false;
_this.update = new EventEmitter();
_this._parent = parent;
_this._rawValidators = validators || [];
_this._rawAsyncValidators = asyncValidators || [];
_this.valueAccessor = selectValueAccessor(_this, valueAccessors);
return _this;
}
Object.defineProperty(FormControlName.prototype, "isDisabled", {
/**
* @param {?} isDisabled
* @return {?}
*/
set: function (isDisabled) { ReactiveErrors.disabledAttrWarning(); },
enumerable: true,
configurable: true
});
/**
* @param {?} changes
* @return {?}
*/
FormControlName.prototype.ngOnChanges = function (changes) {
if (!this._added)
this._setUpControl();
if (isPropertyUpdated(changes, this.viewModel)) {
this.viewModel = this.model;
this.formDirective.updateModel(this, this.model);
}
};
/**
* @return {?}
*/
FormControlName.prototype.ngOnDestroy = function () {
if (this.formDirective) {
this.formDirective.removeControl(this);
}
};
/**
* @param {?} newValue
* @return {?}
*/
FormControlName.prototype.viewToModelUpdate = function (newValue) {
this.viewModel = newValue;
this.update.emit(newValue);
};
Object.defineProperty(FormControlName.prototype, "path", {
/**
* @return {?}
*/
get: function () { return controlPath(this.name, this._parent); },
enumerable: true,
configurable: true
});
Object.defineProperty(FormControlName.prototype, "formDirective", {
/**
* @return {?}
*/
get: function () { return this._parent ? this._parent.formDirective : null; },
enumerable: true,
configurable: true
});
Object.defineProperty(FormControlName.prototype, "validator", {
/**
* @return {?}
*/
get: function () { return composeValidators(this._rawValidators); },
enumerable: true,
configurable: true
});
Object.defineProperty(FormControlName.prototype, "asyncValidator", {
/**
* @return {?}
*/
get: function () {
return composeAsyncValidators(this._rawAsyncValidators);
},
enumerable: true,
configurable: true
});
Object.defineProperty(FormControlName.prototype, "control", {
/**
* @return {?}
*/
get: function () { return this._control; },
enumerable: true,
configurable: true
});
/**
* @return {?}
*/
FormControlName.prototype._checkParentType = function () {
if (!(this._parent instanceof FormGroupName) &&
this._parent instanceof AbstractFormGroupDirective) {
ReactiveErrors.ngModelGroupException();
}
else if (!(this._parent instanceof FormGroupName) && !(this._parent instanceof FormGroupDirective) &&
!(this._parent instanceof FormArrayName)) {
ReactiveErrors.controlParentException();
}
};
/**
* @return {?}
*/
FormControlName.prototype._setUpControl = function () {
this._checkParentType();
this._control = this.formDirective.addControl(this);
if (this.control.disabled && this.valueAccessor.setDisabledState) {
this.valueAccessor.setDisabledState(true);
}
this._added = true;
};
return FormControlName;
}(NgControl));
FormControlName.decorators = [
{ type: Directive, args: [{ selector: '[formControlName]', providers: [controlNameBinding] },] },
];
/**
* @nocollapse
*/
FormControlName.ctorParameters = function () { return [
{ type: ControlContainer, decorators: [{ type: Optional }, { type: Host }, { type: SkipSelf },] },
{ type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_VALIDATORS,] },] },
{ type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_ASYNC_VALIDATORS,] },] },
{ type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_VALUE_ACCESSOR,] },] },
]; };
FormControlName.propDecorators = {
'name': [{ type: Input, args: ['formControlName',] },],
'model': [{ type: Input, args: ['ngModel',] },],
'update': [{ type: Output, args: ['ngModelChange',] },],
'isDisabled': [{ type: Input, args: ['disabled',] },],
};
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var REQUIRED_VALIDATOR = {
provide: NG_VALIDATORS,
useExisting: forwardRef(function () { return RequiredValidator; }),
multi: true
};
var CHECKBOX_REQUIRED_VALIDATOR = {
provide: NG_VALIDATORS,
useExisting: forwardRef(function () { return CheckboxRequiredValidator; }),
multi: true
};
/**
* A Directive that adds the `required` validator to any controls marked with the
* `required` attribute, via the {\@link NG_VALIDATORS} binding.
*
* ### Example
*
* ```
* <input name="fullName" ngModel required>
* ```
*
* \@stable
*/
var RequiredValidator = (function () {
function RequiredValidator() {
}
Object.defineProperty(RequiredValidator.prototype, "required", {
/**
* @return {?}
*/
get: function () { return this._required; },
/**
* @param {?} value
* @return {?}
*/
set: function (value) {
this._required = value != null && value !== false && "" + value !== 'false';
if (this._onChange)
this._onChange();
},
enumerable: true,
configurable: true
});
/**
* @param {?} c
* @return {?}
*/
RequiredValidator.prototype.validate = function (c) {
return this.required ? Validators.required(c) : null;
};
/**
* @param {?} fn
* @return {?}
*/
RequiredValidator.prototype.registerOnValidatorChange = function (fn) { this._onChange = fn; };
return RequiredValidator;
}());
RequiredValidator.decorators = [
{ type: Directive, args: [{
selector: ':not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]',
providers: [REQUIRED_VALIDATOR],
host: { '[attr.required]': 'required ? "" : null' }
},] },
];
/**
* @nocollapse
*/
RequiredValidator.ctorParameters = function () { return []; };
RequiredValidator.propDecorators = {
'required': [{ type: Input },],
};
/**
* A Directive that adds the `required` validator to checkbox controls marked with the
* `required` attribute, via the {\@link NG_VALIDATORS} binding.
*
* ### Example
*
* ```
* <input type="checkbox" name="active" ngModel required>
* ```
*
* \@experimental
*/
var CheckboxRequiredValidator = (function (_super) {
__extends$15(CheckboxRequiredValidator, _super);
function CheckboxRequiredValidator() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @param {?} c
* @return {?}
*/
CheckboxRequiredValidator.prototype.validate = function (c) {
return this.required ? Validators.requiredTrue(c) : null;
};
return CheckboxRequiredValidator;
}(RequiredValidator));
CheckboxRequiredValidator.decorators = [
{ type: Directive, args: [{
selector: 'input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]',
providers: [CHECKBOX_REQUIRED_VALIDATOR],
host: { '[attr.required]': 'required ? "" : null' }
},] },
];
/**
* @nocollapse
*/
CheckboxRequiredValidator.ctorParameters = function () { return []; };
/**
* Provider which adds {@link EmailValidator} to {@link NG_VALIDATORS}.
*/
var EMAIL_VALIDATOR = {
provide: NG_VALIDATORS,
useExisting: forwardRef(function () { return EmailValidator; }),
multi: true
};
/**
* A Directive that adds the `email` validator to controls marked with the
* `email` attribute, via the {\@link NG_VALIDATORS} binding.
*
* ### Example
*
* ```
* <input type="email" name="email" ngModel email>
* <input type="email" name="email" ngModel email="true">
* <input type="email" name="email" ngModel [email]="true">
* ```
*
* \@experimental
*/
var EmailValidator = (function () {
function EmailValidator() {
}
Object.defineProperty(EmailValidator.prototype, "email", {
/**
* @param {?} value
* @return {?}
*/
set: function (value) {
this._enabled = value === '' || value === true || value === 'true';
if (this._onChange)
this._onChange();
},
enumerable: true,
configurable: true
});
/**
* @param {?} c
* @return {?}
*/
EmailValidator.prototype.validate = function (c) {
return this._enabled ? Validators.email(c) : null;
};
/**
* @param {?} fn
* @return {?}
*/
EmailValidator.prototype.registerOnValidatorChange = function (fn) { this._onChange = fn; };
return EmailValidator;
}());
EmailValidator.decorators = [
{ type: Directive, args: [{
selector: '[email][formControlName],[email][formControl],[email][ngModel]',
providers: [EMAIL_VALIDATOR]
},] },
];
/**
* @nocollapse
*/
EmailValidator.ctorParameters = function () { return []; };
EmailValidator.propDecorators = {
'email': [{ type: Input },],
};
/**
* Provider which adds {@link MinLengthValidator} to {@link NG_VALIDATORS}.
*
* ## Example:
*
* {@example common/forms/ts/validators/validators.ts region='min'}
*/
var MIN_LENGTH_VALIDATOR = {
provide: NG_VALIDATORS,
useExisting: forwardRef(function () { return MinLengthValidator; }),
multi: true
};
/**
* A directive which installs the {\@link MinLengthValidator} for any `formControlName`,
* `formControl`, or control with `ngModel` that also has a `minlength` attribute.
*
* \@stable
*/
var MinLengthValidator = (function () {
function MinLengthValidator() {
}
/**
* @param {?} changes
* @return {?}
*/
MinLengthValidator.prototype.ngOnChanges = function (changes) {
if ('minlength' in changes) {
this._createValidator();
if (this._onChange)
this._onChange();
}
};
/**
* @param {?} c
* @return {?}
*/
MinLengthValidator.prototype.validate = function (c) {
return this.minlength == null ? null : this._validator(c);
};
/**
* @param {?} fn
* @return {?}
*/
MinLengthValidator.prototype.registerOnValidatorChange = function (fn) { this._onChange = fn; };
/**
* @return {?}
*/
MinLengthValidator.prototype._createValidator = function () {
this._validator = Validators.minLength(parseInt(this.minlength, 10));
};
return MinLengthValidator;
}());
MinLengthValidator.decorators = [
{ type: Directive, args: [{
selector: '[minlength][formControlName],[minlength][formControl],[minlength][ngModel]',
providers: [MIN_LENGTH_VALIDATOR],
host: { '[attr.minlength]': 'minlength ? minlength : null' }
},] },
];
/**
* @nocollapse
*/
MinLengthValidator.ctorParameters = function () { return []; };
MinLengthValidator.propDecorators = {
'minlength': [{ type: Input },],
};
/**
* Provider which adds {@link MaxLengthValidator} to {@link NG_VALIDATORS}.
*
* ## Example:
*
* {@example common/forms/ts/validators/validators.ts region='max'}
*/
var MAX_LENGTH_VALIDATOR = {
provide: NG_VALIDATORS,
useExisting: forwardRef(function () { return MaxLengthValidator; }),
multi: true
};
/**
* A directive which installs the {\@link MaxLengthValidator} for any `formControlName,
* `formControl`,
* or control with `ngModel` that also has a `maxlength` attribute.
*
* \@stable
*/
var MaxLengthValidator = (function () {
function MaxLengthValidator() {
}
/**
* @param {?} changes
* @return {?}
*/
MaxLengthValidator.prototype.ngOnChanges = function (changes) {
if ('maxlength' in changes) {
this._createValidator();
if (this._onChange)
this._onChange();
}
};
/**
* @param {?} c
* @return {?}
*/
MaxLengthValidator.prototype.validate = function (c) {
return this.maxlength != null ? this._validator(c) : null;
};
/**
* @param {?} fn
* @return {?}
*/
MaxLengthValidator.prototype.registerOnValidatorChange = function (fn) { this._onChange = fn; };
/**
* @return {?}
*/
MaxLengthValidator.prototype._createValidator = function () {
this._validator = Validators.maxLength(parseInt(this.maxlength, 10));
};
return MaxLengthValidator;
}());
MaxLengthValidator.decorators = [
{ type: Directive, args: [{
selector: '[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]',
providers: [MAX_LENGTH_VALIDATOR],
host: { '[attr.maxlength]': 'maxlength ? maxlength : null' }
},] },
];
/**
* @nocollapse
*/
MaxLengthValidator.ctorParameters = function () { return []; };
MaxLengthValidator.propDecorators = {
'maxlength': [{ type: Input },],
};
var PATTERN_VALIDATOR = {
provide: NG_VALIDATORS,
useExisting: forwardRef(function () { return PatternValidator; }),
multi: true
};
/**
* A Directive that adds the `pattern` validator to any controls marked with the
* `pattern` attribute, via the {\@link NG_VALIDATORS} binding. Uses attribute value
* as the regex to validate Control value against. Follows pattern attribute
* semantics; i.e. regex must match entire Control value.
*
* ### Example
*
* ```
* <input [name]="fullName" pattern="[a-zA-Z ]*" ngModel>
* ```
* \@stable
*/
var PatternValidator = (function () {
function PatternValidator() {
}
/**
* @param {?} changes
* @return {?}
*/
PatternValidator.prototype.ngOnChanges = function (changes) {
if ('pattern' in changes) {
this._createValidator();
if (this._onChange)
this._onChange();
}
};
/**
* @param {?} c
* @return {?}
*/
PatternValidator.prototype.validate = function (c) { return this._validator(c); };
/**
* @param {?} fn
* @return {?}
*/
PatternValidator.prototype.registerOnValidatorChange = function (fn) { this._onChange = fn; };
/**
* @return {?}
*/
PatternValidator.prototype._createValidator = function () { this._validator = Validators.pattern(this.pattern); };
return PatternValidator;
}());
PatternValidator.decorators = [
{ type: Directive, args: [{
selector: '[pattern][formControlName],[pattern][formControl],[pattern][ngModel]',
providers: [PATTERN_VALIDATOR],
host: { '[attr.pattern]': 'pattern ? pattern : null' }
},] },
];
/**
* @nocollapse
*/
PatternValidator.ctorParameters = function () { return []; };
PatternValidator.propDecorators = {
'pattern': [{ type: Input },],
};
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* \@whatItDoes Creates an {\@link AbstractControl} from a user-specified configuration.
*
* It is essentially syntactic sugar that shortens the `new FormGroup()`,
* `new FormControl()`, and `new FormArray()` boilerplate that can build up in larger
* forms.
*
* \@howToUse
*
* To use, inject `FormBuilder` into your component class. You can then call its methods
* directly.
*
* {\@example forms/ts/formBuilder/form_builder_example.ts region='Component'}
*
* * **npm package**: `\@angular/forms`
*
* * **NgModule**: {\@link ReactiveFormsModule}
*
* \@stable
*/
var FormBuilder = (function () {
function FormBuilder() {
}
/**
* Construct a new {\@link FormGroup} with the given map of configuration.
* Valid keys for the `extra` parameter map are `validator` and `asyncValidator`.
*
* See the {\@link FormGroup} constructor for more details.
* @param {?} controlsConfig
* @param {?=} extra
* @return {?}
*/
FormBuilder.prototype.group = function (controlsConfig, extra) {
if (extra === void 0) { extra = null; }
var /** @type {?} */ controls = this._reduceControls(controlsConfig);
var /** @type {?} */ validator = extra != null ? extra['validator'] : null;
var /** @type {?} */ asyncValidator = extra != null ? extra['asyncValidator'] : null;
return new FormGroup(controls, validator, asyncValidator);
};
/**
* Construct a new {\@link FormControl} with the given `formState`,`validator`, and
* `asyncValidator`.
*
* `formState` can either be a standalone value for the form control or an object
* that contains both a value and a disabled status.
*
* @param {?} formState
* @param {?=} validator
* @param {?=} asyncValidator
* @return {?}
*/
FormBuilder.prototype.control = function (formState, validator, asyncValidator) {
if (validator === void 0) { validator = null; }
if (asyncValidator === void 0) { asyncValidator = null; }
return new FormControl(formState, validator, asyncValidator);
};
/**
* Construct a {\@link FormArray} from the given `controlsConfig` array of
* configuration, with the given optional `validator` and `asyncValidator`.
* @param {?} controlsConfig
* @param {?=} validator
* @param {?=} asyncValidator
* @return {?}
*/
FormBuilder.prototype.array = function (controlsConfig, validator, asyncValidator) {
var _this = this;
if (validator === void 0) { validator = null; }
if (asyncValidator === void 0) { asyncValidator = null; }
var /** @type {?} */ controls = controlsConfig.map(function (c) { return _this._createControl(c); });
return new FormArray(controls, validator, asyncValidator);
};
/**
* \@internal
* @param {?} controlsConfig
* @return {?}
*/
FormBuilder.prototype._reduceControls = function (controlsConfig) {
var _this = this;
var /** @type {?} */ controls = {};
Object.keys(controlsConfig).forEach(function (controlName) {
controls[controlName] = _this._createControl(controlsConfig[controlName]);
});
return controls;
};
/**
* \@internal
* @param {?} controlConfig
* @return {?}
*/
FormBuilder.prototype._createControl = function (controlConfig) {
if (controlConfig instanceof FormControl || controlConfig instanceof FormGroup ||
controlConfig instanceof FormArray) {
return controlConfig;
}
else if (Array.isArray(controlConfig)) {
var /** @type {?} */ value = controlConfig[0];
var /** @type {?} */ validator = controlConfig.length > 1 ? controlConfig[1] : null;
var /** @type {?} */ asyncValidator = controlConfig.length > 2 ? controlConfig[2] : null;
return this.control(value, validator, asyncValidator);
}
else {
return this.control(controlConfig);
}
};
return FormBuilder;
}());
FormBuilder.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
FormBuilder.ctorParameters = function () { return []; };
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* @module
* @description
* Entry point for all public APIs of the common package.
*/
/**
* \@stable
*/
var VERSION$3 = new Version('4.0.0');
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* \@whatItDoes Adds `novalidate` attribute to all forms by default.
*
* `novalidate` is used to disable browser's native form validation.
*
* If you want to use native validation with Angular forms, just add `ngNativeValidate` attribute:
*
* ```
* <form ngNativeValidate></form>
* ```
*
* \@experimental
*/
var NgNoValidate = (function () {
function NgNoValidate() {
}
return NgNoValidate;
}());
NgNoValidate.decorators = [
{ type: Directive, args: [{
selector: 'form:not([ngNoForm]):not([ngNativeValidate])',
host: { 'novalidate': '' },
},] },
];
/**
* @nocollapse
*/
NgNoValidate.ctorParameters = function () { return []; };
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var SHARED_FORM_DIRECTIVES = [
NgNoValidate,
NgSelectOption,
NgSelectMultipleOption,
DefaultValueAccessor,
NumberValueAccessor,
RangeValueAccessor,
CheckboxControlValueAccessor,
SelectControlValueAccessor,
SelectMultipleControlValueAccessor,
RadioControlValueAccessor,
NgControlStatus,
NgControlStatusGroup,
RequiredValidator,
MinLengthValidator,
MaxLengthValidator,
PatternValidator,
CheckboxRequiredValidator,
EmailValidator,
];
var TEMPLATE_DRIVEN_DIRECTIVES = [NgModel, NgModelGroup, NgForm];
var REACTIVE_DRIVEN_DIRECTIVES = [FormControlDirective, FormGroupDirective, FormControlName, FormGroupName, FormArrayName];
/**
* Internal module used for sharing directives between FormsModule and ReactiveFormsModule
*/
var InternalFormsSharedModule = (function () {
function InternalFormsSharedModule() {
}
return InternalFormsSharedModule;
}());
InternalFormsSharedModule.decorators = [
{ type: NgModule, args: [{
declarations: SHARED_FORM_DIRECTIVES,
exports: SHARED_FORM_DIRECTIVES,
},] },
];
/**
* @nocollapse
*/
InternalFormsSharedModule.ctorParameters = function () { return []; };
/**
* @license
* Copyright Google Inc. All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
/**
* The ng module for forms.
* \@stable
*/
var FormsModule = (function () {
function FormsModule() {
}
return FormsModule;
}());
FormsModule.decorators = [
{ type: NgModule, args: [{
declarations: TEMPLATE_DRIVEN_DIRECTIVES,
providers: [RadioControlRegistry],
exports: [InternalFormsSharedModule, TEMPLATE_DRIVEN_DIRECTIVES]
},] },
];
/**
* @nocollapse
*/
FormsModule.ctorParameters = function () { return []; };
/**
* The ng module for reactive forms.
* \@stable
*/
var ReactiveFormsModule = (function () {
function ReactiveFormsModule() {
}
return ReactiveFormsModule;
}());
ReactiveFormsModule.decorators = [
{ type: NgModule, args: [{
declarations: [REACTIVE_DRIVEN_DIRECTIVES],
providers: [FormBuilder, RadioControlRegistry],
exports: [InternalFormsSharedModule, REACTIVE_DRIVEN_DIRECTIVES]
},] },
];
/**
* @nocollapse
*/
ReactiveFormsModule.ctorParameters = function () { return []; };
var PORTAL_DEFAULT = 1;
var PORTAL_MODAL = 2;
var PORTAL_LOADING = 3;
var PORTAL_TOAST = 4;
/**
* @hidden
* Given a min and max, restrict the given number
* to the range.
* @param {?} min the minimum
* @param {?} n the value
* @param {?} max the maximum
* @return {?}
*/
function clamp(min, n, max) {
return Math.max(min, Math.min(n, max));
}
/**
* @hidden
* @param {?} obj
* @return {?}
*/
function deepCopy(obj) {
return JSON.parse(JSON.stringify(obj));
}
/**
* @hidden
* @param {?} fn
* @param {?} wait
* @param {?=} immediate
* @return {?}
*/
/**
* @hidden
* Apply default arguments if they don't exist in
* the first object.
* @param {?} dest
* @param {...?} args
* @return {?}
*/
function defaults(dest) {
var args = [];
for (var _i = 1; _i < arguments.length; _i++) {
args[_i - 1] = arguments[_i];
}
for (var /** @type {?} */ i = arguments.length - 1; i >= 1; i--) {
var /** @type {?} */ source = arguments[i];
if (source) {
for (var /** @type {?} */ key in source) {
if (source.hasOwnProperty(key) && !dest.hasOwnProperty(key)) {
dest[key] = source[key];
}
}
}
}
return dest;
}
/**
* @hidden
* @param {?} val
* @return {?}
*/
/**
* @hidden
* @param {?} val
* @return {?}
*/
function isString(val) { return typeof val === 'string'; }
/**
* @hidden
* @param {?} val
* @return {?}
*/
function isNumber(val) { return typeof val === 'number'; }
/**
* @hidden
* @param {?} val
* @return {?}
*/
function isFunction$1(val) { return typeof val === 'function'; }
/**
* @hidden
* @param {?} val
* @return {?}
*/
function isDefined(val) { return typeof val !== 'undefined'; }
/**
* @hidden
* @param {?} val
* @return {?}
*/
function isUndefined(val) { return typeof val === 'undefined'; }
/**
* @hidden
* @param {?} val
* @return {?}
*/
function isPresent$1(val) { return val !== undefined && val !== null; }
/**
* @hidden
* @param {?} val
* @return {?}
*/
function isBlank$1(val) { return val === undefined || val === null; }
/**
* @hidden
* @param {?} val
* @return {?}
*/
function isObject$1(val) { return typeof val === 'object'; }
/**
* @hidden
* @param {?} val
* @return {?}
*/
function isArray$2(val) { return Array.isArray(val); }
/**
* @hidden
* @param {?} val
* @return {?}
*/
/**
* @hidden
* @param {?} val
* @return {?}
*/
function isTrueProperty(val) {
if (typeof val === 'string') {
val = val.toLowerCase().trim();
return (val === 'true' || val === 'on' || val === '');
}
return !!val;
}
/**
* @hidden
* @param {?} a
* @param {?} b
* @return {?}
*/
function isCheckedProperty(a, b) {
if (a === undefined || a === null || a === '') {
return (b === undefined || b === null || b === '');
}
else if (a === true || a === 'true') {
return (b === true || b === 'true');
}
else if (a === false || a === 'false') {
return (b === false || b === 'false');
}
else if (a === 0 || a === '0') {
return (b === 0 || b === '0');
}
// not using strict comparison on purpose
return (a == b); // tslint:disable-line
}
/**
* @hidden
* @param {?} array
* @param {?} indexes
* @return {?}
*/
function reorderArray(array, indexes) {
var /** @type {?} */ element = array[indexes.from];
array.splice(indexes.from, 1);
array.splice(indexes.to, 0, element);
return array;
}
/**
* @hidden
* @param {?} array
* @param {?} item
* @return {?}
*/
function removeArrayItem(array, item) {
var /** @type {?} */ index = array.indexOf(item);
return !!~index && !!array.splice(index, 1);
}
/**
* @hidden
* @param {?} isResetDirection
* @param {?} isMovingFast
* @param {?} isOnResetZone
* @return {?}
*/
function swipeShouldReset(isResetDirection, isMovingFast, isOnResetZone) {
// The logic required to know when the sliding item should close (openAmount=0)
// depends on three booleans (isCloseDirection, isMovingFast, isOnCloseZone)
// and it ended up being too complicated to be written manually without errors
// so the truth table is attached below: (0=false, 1=true)
// isCloseDirection | isMovingFast | isOnCloseZone || shouldClose
// 0 | 0 | 0 || 0
// 0 | 0 | 1 || 1
// 0 | 1 | 0 || 0
// 0 | 1 | 1 || 0
// 1 | 0 | 0 || 0
// 1 | 0 | 1 || 1
// 1 | 1 | 0 || 1
// 1 | 1 | 1 || 1
// The resulting expression was generated by resolving the K-map (Karnaugh map):
var /** @type {?} */ shouldClose = (!isMovingFast && isOnResetZone) || (isResetDirection && isMovingFast);
return shouldClose;
}
/**
* @hidden
*/
var ASSERT_ENABLED = true;
/**
* @hidden
* @param {?} functionToLazy
* @return {?}
*/
function requestIonicCallback(functionToLazy) {
if ('requestIdleCallback' in window) {
return ((window)).requestIdleCallback(functionToLazy);
}
else {
return setTimeout(functionToLazy, 500);
}
}
/**
* \@name Config
* \@demo /docs/demos/src/config/
* \@description
* The Config lets you configure your entire app or specific platforms.
* You can set the tab placement, icon mode, animations, and more here.
*
* ```ts
* import { IonicApp, IonicModule } from 'ionic-angular';
*
* \@NgModule({
* declarations: [ MyApp ],
* imports: [
* BrowserModule,
* IonicModule.forRoot(MyApp, {
* backButtonText: 'Go Back',
* iconMode: 'ios',
* modalEnter: 'modal-slide-in',
* modalLeave: 'modal-slide-out',
* tabsPlacement: 'bottom',
* pageTransition: 'ios-transition'
* }, {}
* )],
* bootstrap: [IonicApp],
* entryComponents: [ MyApp ],
* providers: []
* })
* ```
*
*
* Config can be overwritten at multiple levels allowing for more granular configuration.
* Below is an example where an app can override any setting we want based on a platform.
*
* ```ts
* import { IonicModule } from 'ionic-angular';
*
* \@NgModule({
* ...
* imports: [
* BrowserModule,
* IonicModule.forRoot(MyApp, {
* tabsPlacement: 'bottom',
* platforms: {
* ios: {
* tabsPlacement: 'top',
* }
* }
* }, {}
* )],
* ...
* })
* ```
*
* We could also configure these values at a component level. Take `tabsPlacement`,
* we can configure this as a property on our `ion-tabs`.
*
* ```html
* <ion-tabs tabsPlacement="top">
* <ion-tab tabTitle="Dash" tabIcon="pulse" [root]="tabRoot"></ion-tab>
* </ion-tabs>
* ```
*
* The last way we could configure is through URL query strings. This is useful for testing
* while in the browser. Simply add `?ionic<PROPERTYNAME>=<value>` to the url.
*
* ```bash
* http://localhost:8100/?ionicTabsPlacement=bottom
* ```
*
* Any value can be added to config, and looked up at a later in any component.
*
* ```js
* config.set('ios', 'favoriteColor', 'green');
*
* // from any page in your app:
* config.get('favoriteColor'); // 'green' when iOS
* ```
*
*
* A config value can come from anywhere and be anything, but there are default
* values for each mode. The [theming](../../../theming/platform-specific-styles/)
* documentation has a chart of the default mode configuration. The following
* chart displays each property with a description of what it controls.
*
*
* | Config Property | Type | Details |
* |--------------------------|---------------------|--------------------------------------------------------------------------------------------------------------------------------------------------|
* | `activator` | `string` | Used for buttons, changes the effect of pressing on a button. Available options: `"ripple"`, `"highlight"`. |
* | `actionSheetEnter` | `string` | The name of the transition to use while an action sheet is presented. |
* | `actionSheetLeave` | `string` | The name of the transition to use while an action sheet is dismissed. |
* | `alertEnter` | `string` | The name of the transition to use while an alert is presented. |
* | `alertLeave` | `string` | The name of the transition to use while an alert is dismissed. |
* | `backButtonText` | `string` | The text to display by the back button icon in the navbar. |
* | `backButtonIcon` | `string` | The icon to use as the back button icon. |
* | `iconMode` | `string` | The mode to use for all icons throughout the application. Available options: `"ios"`, `"md"` |
* | `locationStrategy` | `string` | Set to 'path' to remove hashbangs when using Deeplinking. |
* | `loadingEnter` | `string` | The name of the transition to use while a loading indicator is presented. |
* | `loadingLeave` | `string` | The name of the transition to use while a loading indicator is dismissed. |
* | `menuType` | `string` | Type of menu to display. Available options: `"overlay"`, `"reveal"`, `"push"`. |
* | `modalEnter` | `string` | The name of the transition to use while a modal is presented. |
* | `modalLeave` | `string` | The name of the transition to use while a modal is dismiss. |
* | `mode` | `string` | The mode to use throughout the application. |
* | `pageTransition` | `string` | The name of the transition to use while changing pages. Available options: `"ios-transition"`, `"md-transition"`, `"wp-transition"`. |
* | `pickerEnter` | `string` | The name of the transition to use while a picker is presented. |
* | `pickerLeave` | `string` | The name of the transition to use while a picker is dismissed. |
* | `popoverEnter` | `string` | The name of the transition to use while a popover is presented. |
* | `popoverLeave` | `string` | The name of the transition to use while a popover is dismissed. |
* | `spinner` | `string` | The default spinner to use when a name is not defined. |
* | `swipeBackEnabled` | `boolean` | Whether native iOS swipe to go back functionality is enabled. |
* | `tabsHighlight` | `boolean` | Whether to show a highlight line under the tab when it is selected. |
* | `tabsLayout` | `string` | The layout to use for all tabs. Available options: `"icon-top"`, `"icon-left"`, `"icon-right"`, `"icon-bottom"`, `"icon-hide"`, `"title-hide"`. |
* | `tabsPlacement` | `string` | The position of the tabs relative to the content. Available options: `"top"`, `"bottom"` |
* | `tabsHideOnSubPages` | `boolean` | Whether to hide the tabs on child pages or not. If `true` it will not show the tabs on child pages. |
* | `toastEnter` | `string` | The name of the transition to use while a toast is presented. |
* | `toastLeave` | `string` | The name of the transition to use while a toast is dismissed. |
*
*
*/
var Config = (function () {
function Config() {
this._c = {};
this._s = {};
this._modes = {};
this._trns = {};
}
/**
* @hidden
* @param {?} config
* @param {?} plt
* @return {?}
*/
Config.prototype.init = function (config, plt) {
this._s = config && isObject$1(config) && !isArray$2(config) ? config : {};
this.plt = plt;
};
/**
* \@name get
* \@description
* Returns a single config value, given a key.
*
* value was not found, or is config value is `null`. Fallback value
* defaults to `null`.
* @param {?} key
* @param {?=} fallbackValue
* @return {?}
*/
Config.prototype.get = function (key, fallbackValue) {
if (fallbackValue === void 0) { fallbackValue = null; }
var /** @type {?} */ platform = this.plt;
if (!isDefined(this._c[key])) {
if (!isDefined(key)) {
throw 'config key is not defined';
}
// if the value was already set this will all be skipped
// if there was no user config then it'll check each of
// the user config's platforms, which already contains
// settings from default platform configs
var /** @type {?} */ userPlatformValue = undefined;
var /** @type {?} */ userDefaultValue = this._s[key];
var /** @type {?} */ userPlatformModeValue = undefined;
var /** @type {?} */ userDefaultModeValue = undefined;
var /** @type {?} */ platformValue = undefined;
var /** @type {?} */ platformModeValue = undefined;
var /** @type {?} */ configObj = null;
if (platform) {
var /** @type {?} */ queryStringValue = platform.getQueryParam('ionic' + key);
if (isDefined(queryStringValue)) {
return this._c[key] = (queryStringValue === 'true' ? true : queryStringValue === 'false' ? false : queryStringValue);
}
// check the platform settings object for this value
// loop though each of the active platforms
// array of active platforms, which also knows the hierarchy,
// with the last one the most important
var /** @type {?} */ activePlatformKeys = platform.platforms();
// loop through all of the active platforms we're on
for (var /** @type {?} */ i = 0, /** @type {?} */ ilen = activePlatformKeys.length; i < ilen; i++) {
// get user defined platform values
if (this._s.platforms) {
configObj = this._s.platforms[activePlatformKeys[i]];
if (configObj) {
if (isDefined(configObj[key])) {
userPlatformValue = configObj[key];
}
configObj = this.getModeConfig(configObj.mode);
if (configObj && isDefined(configObj[key])) {
userPlatformModeValue = configObj[key];
}
}
}
// get default platform's setting
configObj = platform.getPlatformConfig(activePlatformKeys[i]);
if (configObj && configObj.settings) {
if (isDefined(configObj.settings[key])) {
// found a setting for this platform
platformValue = configObj.settings[key];
}
configObj = this.getModeConfig(configObj.settings.mode);
if (configObj && isDefined(configObj[key])) {
// found setting for this platform's mode
platformModeValue = configObj[key];
}
}
}
}
configObj = this.getModeConfig(this._s.mode);
if (configObj && isDefined(configObj[key])) {
userDefaultModeValue = configObj[key];
}
// cache the value
this._c[key] = isDefined(userPlatformValue) ? userPlatformValue :
isDefined(userDefaultValue) ? userDefaultValue :
isDefined(userPlatformModeValue) ? userPlatformModeValue :
isDefined(userDefaultModeValue) ? userDefaultModeValue :
isDefined(platformValue) ? platformValue :
isDefined(platformModeValue) ? platformModeValue :
null;
}
// return key's value
// either it came directly from the user config
// or it was from the users platform configs
// or it was from the default platform configs
// in that order
var /** @type {?} */ rtnVal = this._c[key];
if (isFunction$1(rtnVal)) {
rtnVal = rtnVal(platform);
}
return (rtnVal !== null ? rtnVal : fallbackValue);
};
/**
* \@name getBoolean
* \@description
* Same as `get()`, however always returns a boolean value. If the
* value from `get()` is `null`, then it'll return the `fallbackValue`
* which defaults to `false`. Otherwise, `getBoolean()` will return
* if the config value is truthy or not. It also returns `true` if
* the config value was the string value `"true"`.
* value was `null`. Fallback value defaults to `false`.
* @param {?} key
* @param {?=} fallbackValue
* @return {?}
*/
Config.prototype.getBoolean = function (key, fallbackValue) {
if (fallbackValue === void 0) { fallbackValue = false; }
var /** @type {?} */ val = this.get(key);
if (val === null) {
return fallbackValue;
}
if (typeof val === 'string') {
return val === 'true';
}
return !!val;
};
/**
* \@name getNumber
* \@description
* Same as `get()`, however always returns a number value. Uses `parseFloat()`
* on the value received from `get()`. If the result from the parse is `NaN`,
* then it will return the value passed to `fallbackValue`. If no fallback
* value was provided then it'll default to returning `NaN` when the result
* is not a valid number.
* value turned out to be `NaN`. Fallback value defaults to `NaN`.
* @param {?} key
* @param {?=} fallbackValue
* @return {?}
*/
Config.prototype.getNumber = function (key, fallbackValue) {
if (fallbackValue === void 0) { fallbackValue = NaN; }
var /** @type {?} */ val = parseFloat(this.get(key));
return isNaN(val) ? fallbackValue : val;
};
/**
* \@name set
* \@description
* Sets a single config value.
*
* @param {...?} args
* @return {?}
*/
Config.prototype.set = function () {
var args = [];
for (var _i = 0; _i < arguments.length; _i++) {
args[_i] = arguments[_i];
}
var /** @type {?} */ arg0 = args[0];
var /** @type {?} */ arg1 = args[1];
switch (args.length) {
case 2:
// set('key', 'value') = set key/value pair
// arg1 = value
this._s[arg0] = arg1;
delete this._c[arg0]; // clear cache
break;
case 3:
// setting('ios', 'key', 'value') = set key/value pair for platform
// arg0 = platform
// arg1 = key
// arg2 = value
this._s.platforms = this._s.platforms || {};
this._s.platforms[arg0] = this._s.platforms[arg0] || {};
this._s.platforms[arg0][arg1] = args[2];
delete this._c[arg1]; // clear cache
break;
}
return this;
};
/**
* @hidden
* \@name settings()
* \@description
* @param {?=} arg0
* @param {?=} arg1
* @return {?}
*/
Config.prototype.settings = function (arg0, arg1) {
switch (arguments.length) {
case 0:
return this._s;
case 1:
// settings({...})
this._s = arg0;
this._c = {}; // clear cache
break;
case 2:
// settings('ios', {...})
this._s.platforms = this._s.platforms || {};
this._s.platforms[arg0] = arg1;
this._c = {}; // clear cache
break;
}
return this;
};
/**
* @hidden
* @param {?} modeName
* @param {?} modeConfig
* @return {?}
*/
Config.prototype.setModeConfig = function (modeName, modeConfig) {
this._modes[modeName] = modeConfig;
};
/**
* @hidden
* @param {?} modeName
* @return {?}
*/
Config.prototype.getModeConfig = function (modeName) {
return this._modes[modeName] || null;
};
/**
* @hidden
* @param {?} trnsName
* @param {?} trnsClass
* @return {?}
*/
Config.prototype.setTransition = function (trnsName, trnsClass) {
this._trns[trnsName] = trnsClass;
};
/**
* @hidden
* @param {?} trnsName
* @return {?}
*/
Config.prototype.getTransition = function (trnsName) {
return this._trns[trnsName] || null;
};
return Config;
}());
/**
* @hidden
* @param {?} userConfig
* @param {?} plt
* @return {?}
*/
function setupConfig(userConfig, plt) {
var /** @type {?} */ config = new Config();
config.init(userConfig, plt);
// add the config obj to the window
var /** @type {?} */ win = plt.win();
win['Ionic'] = win['Ionic'] || {};
win['Ionic']['config'] = config;
return config;
}
/**
* @hidden
*/
var ConfigToken = new OpaqueToken('USERCONFIG');
/**
* \@name NavParams
* \@description
* NavParams are an object that exists on a page and can contain data for that particular view.
* Similar to how data was pass to a view in V1 with `$stateParams`, NavParams offer a much more flexible
* option with a simple `get` method.
*
* \@usage
* ```ts
* export class MyClass{
* constructor(public params: NavParams){
* // userParams is an object we have in our nav-parameters
* this.params.get('userParams');
* }
* }
* ```
* \@demo /docs/demos/src/nav-params/
* @see {\@link /docs/components#navigation Navigation Component Docs}
* @see {\@link ../NavController/ NavController API Docs}
* @see {\@link /docs/api/components/nav/Nav/ Nav API Docs}
* @see {\@link /docs/api/components/nav/NavPush/ NavPush API Docs}
*/
var NavParams = (function () {
/**
* @hidden
* @param {?=} data
*/
function NavParams(data) {
if (data === void 0) { data = {}; }
this.data = data;
}
/**
* Get the value of a nav-parameter for the current view
*
* ```ts
* export class MyClass{
* constructor(public params: NavParams){
* // userParams is an object we have in our nav-parameters
* this.params.get('userParams');
* }
* }
* ```
*
*
* @param {?} param
* @return {?}
*/
NavParams.prototype.get = function (param) {
return this.data[param];
};
return NavParams;
}());
/**
* \@name ViewController
* \@description
* Access various features and information about the current view.
* \@usage
* ```ts
* import { Component } from '\@angular/core';
* import { ViewController } from 'ionic-angular';
*
* \@Component({...})
* export class MyPage{
*
* constructor(public viewCtrl: ViewController) {}
*
* }
* ```
*/
var ViewController = (function () {
/**
* @param {?=} component
* @param {?=} data
* @param {?=} rootCssClass
*/
function ViewController(component, data, rootCssClass) {
if (rootCssClass === void 0) { rootCssClass = DEFAULT_CSS_CLASS; }
this.component = component;
this._isHidden = false;
this._state = STATE_NEW;
/**
* Observable to be subscribed to when the current component will become active
*/
this.willEnter = new EventEmitter();
/**
* Observable to be subscribed to when the current component has become active
*/
this.didEnter = new EventEmitter();
/**
* Observable to be subscribed to when the current component will no longer be active
*/
this.willLeave = new EventEmitter();
/**
* Observable to be subscribed to when the current component is no long active
*/
this.didLeave = new EventEmitter();
/**
* Observable to be subscribed to when the current component has been destroyed
*/
this.willUnload = new EventEmitter();
/**
* @hidden
*/
this.readReady = new EventEmitter();
/**
* @hidden
*/
this.writeReady = new EventEmitter();
/**
* @hidden
*/
this.isOverlay = false;
/**
* @hidden
*/
this._emitter = new EventEmitter();
// passed in data could be NavParams, but all we care about is its data object
this.data = (data instanceof NavParams ? data.data : (isPresent$1(data) ? data : {}));
this._cssClass = rootCssClass;
}
/**
* @hidden
* @param {?} componentRef
* @return {?}
*/
ViewController.prototype.init = function (componentRef) {
(void 0) /* assert */;
this._cmp = componentRef;
this.instance = this.instance || componentRef.instance;
this._detached = false;
};
/**
* @param {?} navCtrl
* @return {?}
*/
ViewController.prototype._setNav = function (navCtrl) {
this._nav = navCtrl;
};
/**
* @param {?} instance
* @return {?}
*/
ViewController.prototype._setInstance = function (instance) {
this.instance = instance;
};
/**
* @hidden
* @param {?=} generatorOrNext
* @return {?}
*/
ViewController.prototype.subscribe = function (generatorOrNext) {
return this._emitter.subscribe(generatorOrNext);
};
/**
* @hidden
* @param {?=} data
* @return {?}
*/
ViewController.prototype.emit = function (data) {
this._emitter.emit(data);
};
/**
* Called when the current viewController has be successfully dismissed
* @param {?} callback
* @return {?}
*/
ViewController.prototype.onDidDismiss = function (callback) {
this._onDidDismiss = callback;
};
/**
* Called when the current viewController will be dismissed
* @param {?} callback
* @return {?}
*/
ViewController.prototype.onWillDismiss = function (callback) {
this._onWillDismiss = callback;
};
/**
* Dismiss the current viewController
* @param {?=} data
* @param {?=} role
* @param {?=} navOptions
* @return {?}
*/
ViewController.prototype.dismiss = function (data, role, navOptions) {
if (navOptions === void 0) { navOptions = {}; }
if (!this._nav) {
(void 0) /* assert */;
return Promise.resolve(false);
}
if (this.isOverlay && !navOptions.minClickBlockDuration) {
// This is a Modal being dismissed so we need
// to add the minClickBlockDuration option
// for UIWebView
navOptions.minClickBlockDuration = 400;
}
this._dismissData = data;
this._dismissRole = role;
var /** @type {?} */ options = Object.assign({}, this._leavingOpts, navOptions);
return this._nav.removeView(this, options).then(function () { return data; });
};
/**
* @hidden
* @return {?}
*/
ViewController.prototype.getNav = function () {
return this._nav;
};
/**
* @hidden
* @param {?} direction
* @return {?}
*/
ViewController.prototype.getTransitionName = function (direction) {
return this._nav && this._nav.config.get('pageTransition');
};
/**
* @hidden
* @return {?}
*/
ViewController.prototype.getNavParams = function () {
return new NavParams(this.data);
};
/**
* @hidden
* @param {?} opts
* @return {?}
*/
ViewController.prototype.setLeavingOpts = function (opts) {
this._leavingOpts = opts;
};
/**
* Check to see if you can go back in the navigation stack.
* @return {?}
*/
ViewController.prototype.enableBack = function () {
// update if it's possible to go back from this nav item
if (!this._nav) {
return false;
}
// the previous view may exist, but if it's about to be destroyed
// it shouldn't be able to go back to
var /** @type {?} */ previousItem = this._nav.getPrevious(this);
return !!(previousItem);
};
Object.defineProperty(ViewController.prototype, "name", {
/**
* @hidden
* @return {?}
*/
get: function () {
return (this.component ? this.component.name : '');
},
enumerable: true,
configurable: true
});
Object.defineProperty(ViewController.prototype, "index", {
/**
* Get the index of the current component in the current navigation stack.
* @return {?}
*/
get: function () {
return (this._nav ? this._nav.indexOf(this) : -1);
},
enumerable: true,
configurable: true
});
/**
* @return {?}
*/
ViewController.prototype.isFirst = function () {
return (this._nav ? this._nav.first() === this : false);
};
/**
* @return {?}
*/
ViewController.prototype.isLast = function () {
return (this._nav ? this._nav.last() === this : false);
};
/**
* @hidden
* DOM WRITE
* @param {?} shouldShow
* @param {?} renderer
* @return {?}
*/
ViewController.prototype._domShow = function (shouldShow, renderer) {
// using hidden element attribute to display:none and not render views
// _hidden value of '' means the hidden attribute will be added
// _hidden value of null means the hidden attribute will be removed
// doing checks to make sure we only update the DOM when actually needed
// if it should render, then the hidden attribute should not be on the element
if (this._cmp && shouldShow === this._isHidden) {
this._isHidden = !shouldShow;
var /** @type {?} */ value = (shouldShow ? null : '');
// ******** DOM WRITE ****************
renderer.setElementAttribute(this.pageRef().nativeElement, 'hidden', value);
}
};
/**
* @hidden
* @return {?}
*/
ViewController.prototype.getZIndex = function () {
return this._zIndex;
};
/**
* @hidden
* DOM WRITE
* @param {?} zIndex
* @param {?} renderer
* @return {?}
*/
ViewController.prototype._setZIndex = function (zIndex, renderer) {
if (zIndex !== this._zIndex) {
this._zIndex = zIndex;
var /** @type {?} */ pageRef = this.pageRef();
if (pageRef) {
// ******** DOM WRITE ****************
renderer.setElementStyle(pageRef.nativeElement, 'z-index', ((zIndex)));
}
}
};
/**
* @return {?}
*/
ViewController.prototype.pageRef = function () {
return this._cmp && this._cmp.location;
};
/**
* @param {?} directive
* @return {?}
*/
ViewController.prototype._setContent = function (directive) {
this._cntDir = directive;
};
/**
* @return {?}
*/
ViewController.prototype.getContent = function () {
return this._cntDir;
};
/**
* @param {?} elementRef
* @return {?}
*/
ViewController.prototype._setContentRef = function (elementRef) {
this._cntRef = elementRef;
};
/**
* @return {?}
*/
ViewController.prototype.contentRef = function () {
return this._cntRef;
};
/**
* @param {?} content
* @return {?}
*/
ViewController.prototype._setIONContent = function (content) {
this._setContent(content);
this._ionCntDir = content;
};
/**
* @hidden
* @return {?}
*/
ViewController.prototype.getIONContent = function () {
return this._ionCntDir;
};
/**
* @param {?} elementRef
* @return {?}
*/
ViewController.prototype._setIONContentRef = function (elementRef) {
this._setContentRef(elementRef);
this._ionCntRef = elementRef;
};
/**
* @hidden
* @return {?}
*/
ViewController.prototype.getIONContentRef = function () {
return this._ionCntRef;
};
/**
* @param {?} directive
* @return {?}
*/
ViewController.prototype._setHeader = function (directive) {
this._hdrDir = directive;
};
/**
* @hidden
* @return {?}
*/
ViewController.prototype.getHeader = function () {
return this._hdrDir;
};
/**
* @param {?} directive
* @return {?}
*/
ViewController.prototype._setFooter = function (directive) {
this._ftrDir = directive;
};
/**
* @hidden
* @return {?}
*/
ViewController.prototype.getFooter = function () {
return this._ftrDir;
};
/**
* @param {?} directive
* @return {?}
*/
ViewController.prototype._setNavbar = function (directive) {
this._nb = directive;
};
/**
* @hidden
* @return {?}
*/
ViewController.prototype.getNavbar = function () {
return this._nb;
};
/**
* Find out if the current component has a NavBar or not. Be sure
* to wrap this in an `ionViewWillEnter` method in order to make sure
* the view has rendered fully.
* @return {?}
*/
ViewController.prototype.hasNavbar = function () {
return !!this._nb;
};
/**
* Change the title of the back-button. Be sure to call this
* after `ionViewWillEnter` to make sure the DOM has been rendered.
* @param {?} val
* @return {?}
*/
ViewController.prototype.setBackButtonText = function (val) {
this._nb && this._nb.setBackButtonText(val);
};
/**
* Set if the back button for the current view is visible or not. Be sure to call this
* after `ionViewWillEnter` to make sure the DOM has been rendered.
* @param {?} shouldShow
* @return {?}
*/
ViewController.prototype.showBackButton = function (shouldShow) {
if (this._nb) {
this._nb.hideBackButton = !shouldShow;
}
};
/**
* @return {?}
*/
ViewController.prototype._preLoad = function () {
(void 0) /* assert */;
this._lifecycle('PreLoad');
};
/**
* @hidden
* The view has loaded. This event only happens once per view will be created.
* This event is fired before the component and his children have been initialized.
* @return {?}
*/
ViewController.prototype._willLoad = function () {
(void 0) /* assert */;
this._lifecycle('WillLoad');
};
/**
* @hidden
* The view has loaded. This event only happens once per view being
* created. If a view leaves but is cached, then this will not
* fire again on a subsequent viewing. This method is a good place
* to put your setup code for the view; however, it is not the
* recommended method to use when a view becomes active.
* @return {?}
*/
ViewController.prototype._didLoad = function () {
(void 0) /* assert */;
this._lifecycle('DidLoad');
};
/**
* @hidden
* The view is about to enter and become the active view.
* @return {?}
*/
ViewController.prototype._willEnter = function () {
(void 0) /* assert */;
if (this._detached && this._cmp) {
// ensure this has been re-attached to the change detector
this._cmp.changeDetectorRef.reattach();
this._detached = false;
}
this.willEnter.emit(null);
this._lifecycle('WillEnter');
};
/**
* @hidden
* The view has fully entered and is now the active view. This
* will fire, whether it was the first load or loaded from the cache.
* @return {?}
*/
ViewController.prototype._didEnter = function () {
(void 0) /* assert */;
this._nb && this._nb.didEnter();
this.didEnter.emit(null);
this._lifecycle('DidEnter');
};
/**
* @hidden
* The view is about to leave and no longer be the active view.
* @param {?} willUnload
* @return {?}
*/
ViewController.prototype._willLeave = function (willUnload) {
this.willLeave.emit(null);
this._lifecycle('WillLeave');
if (willUnload && this._onWillDismiss) {
this._onWillDismiss(this._dismissData, this._dismissRole);
this._onWillDismiss = null;
}
};
/**
* @hidden
* The view has finished leaving and is no longer the active view. This
* will fire, whether it is cached or unloaded.
* @return {?}
*/
ViewController.prototype._didLeave = function () {
this.didLeave.emit(null);
this._lifecycle('DidLeave');
// when this is not the active page
// we no longer need to detect changes
if (!this._detached && this._cmp) {
this._cmp.changeDetectorRef.detach();
this._detached = true;
}
};
/**
* @hidden
* @return {?}
*/
ViewController.prototype._willUnload = function () {
this.willUnload.emit(null);
this._lifecycle('WillUnload');
this._onDidDismiss && this._onDidDismiss(this._dismissData, this._dismissRole);
this._onDidDismiss = null;
this._dismissData = null;
this._dismissRole = null;
};
/**
* @hidden
* DOM WRITE
* @param {?} renderer
* @return {?}
*/
ViewController.prototype._destroy = function (renderer) {
(void 0) /* assert */;
if (this._cmp) {
if (renderer) {
// ensure the element is cleaned up for when the view pool reuses this element
// ******** DOM WRITE ****************
var /** @type {?} */ cmpEle = this._cmp.location.nativeElement;
renderer.setElementAttribute(cmpEle, 'class', null);
renderer.setElementAttribute(cmpEle, 'style', null);
}
// completely destroy this component. boom.
this._cmp.destroy();
}
this._nav = this._cmp = this.instance = this._cntDir = this._cntRef = this._leavingOpts = this._hdrDir = this._ftrDir = this._nb = this._onDidDismiss = this._onWillDismiss = null;
this._state = STATE_DESTROYED;
};
/**
* @hidden
* @param {?} lifecycle
* @return {?}
*/
ViewController.prototype._lifecycleTest = function (lifecycle) {
var /** @type {?} */ instance = this.instance;
var /** @type {?} */ methodName = 'ionViewCan' + lifecycle;
if (instance && instance[methodName]) {
try {
var /** @type {?} */ result = instance[methodName]();
if (result === false) {
return false;
}
else if (result instanceof Promise) {
return result;
}
else {
return true;
}
}
catch (e) {
console.error(this.name + " " + methodName + " error: " + e.message);
return false;
}
}
return true;
};
/**
* @param {?} lifecycle
* @return {?}
*/
ViewController.prototype._lifecycle = function (lifecycle) {
var /** @type {?} */ instance = this.instance;
var /** @type {?} */ methodName = 'ionView' + lifecycle;
if (instance && instance[methodName]) {
try {
instance[methodName]();
}
catch (e) {
console.error(this.name + " " + methodName + " error: " + e.message);
}
}
};
return ViewController;
}());
ViewController.propDecorators = {
'_emitter': [{ type: Output },],
};
/**
* @param {?} viewCtrl
* @return {?}
*/
function isViewController(viewCtrl) {
return !!(viewCtrl && ((viewCtrl))._didLoad && ((viewCtrl))._willUnload);
}
var DEFAULT_CSS_CLASS = 'ion-page';
/**
* @param {?} linker
* @param {?} nameOrPageOrView
* @param {?=} params
* @return {?}
*/
function getComponent(linker, nameOrPageOrView, params) {
if (typeof nameOrPageOrView === 'function') {
return Promise.resolve(new ViewController(nameOrPageOrView, params));
}
if (typeof nameOrPageOrView === 'string') {
return linker.getComponentFromName(nameOrPageOrView).then(function (component) {
return new ViewController(component, params);
});
}
return Promise.resolve(null);
}
/**
* @param {?} linker
* @param {?} nameOrPageOrView
* @param {?} params
* @return {?}
*/
function convertToView(linker, nameOrPageOrView, params) {
if (nameOrPageOrView) {
if (isViewController(nameOrPageOrView)) {
// is already a ViewController
return Promise.resolve(/** @type {?} */ (nameOrPageOrView));
}
return getComponent(linker, nameOrPageOrView, params);
}
console.error("invalid page component: " + nameOrPageOrView);
return Promise.resolve(null);
}
/**
* @param {?} linker
* @param {?} pages
* @return {?}
*/
function convertToViews(linker, pages) {
var /** @type {?} */ views = [];
if (isArray$2(pages)) {
for (var /** @type {?} */ i = 0; i < pages.length; i++) {
var /** @type {?} */ page = pages[i];
if (page) {
if (isViewController(page)) {
views.push(page);
}
else if (page.page) {
views.push(convertToView(linker, page.page, page.params));
}
else {
views.push(convertToView(linker, page, null));
}
}
}
}
return Promise.all(views);
}
var portalZindex = 9999;
/**
* @param {?} nav
* @param {?} enteringView
* @param {?} leavingView
* @param {?} direction
* @param {?} renderer
* @return {?}
*/
function setZIndex(nav, enteringView, leavingView, direction, renderer) {
if (enteringView) {
if (nav._isPortal) {
if (direction === DIRECTION_FORWARD) {
enteringView._setZIndex(nav._zIndexOffset + portalZindex, renderer);
}
portalZindex++;
return;
}
leavingView = leavingView || nav.getPrevious(enteringView);
if (leavingView && isPresent$1(leavingView._zIndex)) {
if (direction === DIRECTION_BACK) {
enteringView._setZIndex(leavingView._zIndex - 1, renderer);
}
else {
enteringView._setZIndex(leavingView._zIndex + 1, renderer);
}
}
else {
enteringView._setZIndex(INIT_ZINDEX + nav._zIndexOffset, renderer);
}
}
}
/**
* @param {?} nav
* @return {?}
*/
function isTabs(nav) {
// Tabs (ion-tabs)
return !!nav && !!nav.getSelected;
}
/**
* @param {?} nav
* @return {?}
*/
function isTab(nav) {
// Tab (ion-tab)
return !!nav && isPresent$1(nav._tabId);
}
/**
* @param {?} nav
* @return {?}
*/
function isNav(nav) {
// Nav (ion-nav), Tab (ion-tab), Portal (ion-portal)
return !!nav && !!nav.push;
}
/**
* @hidden
*/
var DeepLinkMetadata = (function () {
function DeepLinkMetadata() {
}
return DeepLinkMetadata;
}());
/**
* @hidden
*/
var DeepLinkMetadataFactory;
var STATE_NEW = 1;
var STATE_INITIALIZED = 2;
var STATE_ATTACHED = 3;
var STATE_DESTROYED = 4;
var INIT_ZINDEX = 100;
var DIRECTION_BACK = 'back';
var DIRECTION_FORWARD = 'forward';
var DIRECTION_SWITCH = 'switch';
/**
* \@name MenuController
* \@description
* The MenuController is a provider which makes it easy to control a [Menu](../Menu).
* Its methods can be used to display the menu, enable the menu, toggle the menu, and more.
* The controller will grab a reference to the menu by the `side`, `id`, or, if neither
* of these are passed to it, it will grab the first menu it finds.
*
*
* \@usage
*
* Add a basic menu component to start with. See the [Menu](../Menu) API docs
* for more information on adding menu components.
*
* ```html
* <ion-menu [content]="mycontent">
* <ion-content>
* <ion-list>
* ...
* </ion-list>
* </ion-content>
* </ion-menu>
*
* <ion-nav #mycontent [root]="rootPage"></ion-nav>
* ```
*
* To call the controller methods, inject the `MenuController` provider
* into the page. Then, create some methods for opening, closing, and
* toggling the menu.
*
* ```ts
* import { Component } from '\@angular/core';
* import { MenuController } from 'ionic-angular';
*
* \@Component({...})
* export class MyPage {
*
* constructor(public menuCtrl: MenuController) {
*
* }
*
* openMenu() {
* this.menuCtrl.open();
* }
*
* closeMenu() {
* this.menuCtrl.close();
* }
*
* toggleMenu() {
* this.menuCtrl.toggle();
* }
*
* }
* ```
*
* Since only one menu exists, the `MenuController` will grab the
* correct menu and call the correct method for each.
*
*
* ### Multiple Menus on Different Sides
*
* For applications with both a left and right menu, the desired menu can be
* grabbed by passing the `side` of the menu. If nothing is passed, it will
* default to the `"left"` menu.
*
* ```html
* <ion-menu side="left" [content]="mycontent">...</ion-menu>
* <ion-menu side="right" [content]="mycontent">...</ion-menu>
* <ion-nav #mycontent [root]="rootPage"></ion-nav>
* ```
*
* ```ts
* toggleLeftMenu() {
* this.menuCtrl.toggle();
* }
*
* toggleRightMenu() {
* this.menuCtrl.toggle('right');
* }
* ```
*
*
* ### Multiple Menus on the Same Side
*
* An application can have multiple menus on the same side. In order to determine
* the menu to control, an `id` should be passed. In the example below, the menu
* with the `authenticated` id will be enabled, and the menu with the `unauthenticated`
* id will be disabled.
*
* ```html
* <ion-menu id="authenticated" side="left" [content]="mycontent">...</ion-menu>
* <ion-menu id="unauthenticated" side="left" [content]="mycontent">...</ion-menu>
* <ion-nav #mycontent [root]="rootPage"></ion-nav>
* ```
*
* ```ts
* enableAuthenticatedMenu() {
* this.menuCtrl.enable(true, 'authenticated');
* this.menuCtrl.enable(false, 'unauthenticated');
* }
* ```
*
* Note: if an app only has one menu, there is no reason to pass an `id`.
*
*
* \@demo /docs/demos/src/menu/
*
* @see {\@link /docs/components#menus Menu Component Docs}
* @see {\@link ../Menu Menu API Docs}
*
*/
var MenuController = (function () {
function MenuController() {
this._menus = [];
}
/**
* Programatically open the Menu.
* @param {?=} menuId
* @return {?}
*/
MenuController.prototype.open = function (menuId) {
var /** @type {?} */ menu = this.get(menuId);
if (menu && !this.isAnimating()) {
var /** @type {?} */ openedMenu = this.getOpen();
if (openedMenu && menu !== openedMenu) {
openedMenu.setOpen(false, false);
}
return menu.open();
}
return Promise.resolve(false);
};
/**
* Programatically close the Menu. If no `menuId` is given as the first
* argument then it'll close any menu which is open. If a `menuId`
* is given then it'll close that exact menu.
* @param {?=} menuId
* @return {?}
*/
MenuController.prototype.close = function (menuId) {
var /** @type {?} */ menu;
if (menuId) {
// find the menu by its id
menu = this.get(menuId);
}
else {
// find the menu that is open
menu = this.getOpen();
}
if (menu) {
// close the menu
return menu.close();
}
return Promise.resolve(false);
};
/**
* Toggle the menu. If it's closed, it will open, and if opened, it
* will close.
* @param {?=} menuId
* @return {?}
*/
MenuController.prototype.toggle = function (menuId) {
var /** @type {?} */ menu = this.get(menuId);
if (menu && !this.isAnimating()) {
var /** @type {?} */ openedMenu = this.getOpen();
if (openedMenu && menu !== openedMenu) {
openedMenu.setOpen(false, false);
}
return menu.toggle();
}
return Promise.resolve(false);
};
/**
* Used to enable or disable a menu. For example, there could be multiple
* left menus, but only one of them should be able to be opened at the same
* time. If there are multiple menus on the same side, then enabling one menu
* will also automatically disable all the others that are on the same side.
* @param {?} shouldEnable
* @param {?=} menuId
* @return {?}
*/
MenuController.prototype.enable = function (shouldEnable, menuId) {
var /** @type {?} */ menu = this.get(menuId);
if (menu) {
return menu.enable(shouldEnable);
}
};
/**
* Used to enable or disable the ability to swipe open the menu.
* @param {?} shouldEnable
* @param {?=} menuId
* @return {?}
*/
MenuController.prototype.swipeEnable = function (shouldEnable, menuId) {
var /** @type {?} */ menu = this.get(menuId);
if (menu) {
return menu.swipeEnable(shouldEnable);
}
};
/**
* If the menuId is not specified, it returns true if ANY menu is currenly open.
* @param {?=} menuId
* @return {?}
*/
MenuController.prototype.isOpen = function (menuId) {
if (menuId) {
var /** @type {?} */ menu = this.get(menuId);
return menu && menu.isOpen || false;
}
else {
return !!this.getOpen();
}
};
/**
* @param {?=} menuId
* @return {?}
*/
MenuController.prototype.isEnabled = function (menuId) {
var /** @type {?} */ menu = this.get(menuId);
return menu && menu.enabled || false;
};
/**
* Used to get a menu instance. If a `menuId` is not provided then it'll
* return the first menu found. If a `menuId` is `left` or `right`, then
* it'll return the enabled menu on that side. Otherwise, if a `menuId` is
* provided, then it'll try to find the menu using the menu's `id`
* property. If a menu is not found then it'll return `null`.
* @param {?=} menuId
* @return {?}
*/
MenuController.prototype.get = function (menuId) {
var /** @type {?} */ menu;
if (menuId === 'left' || menuId === 'right') {
// there could be more than one menu on the same side
// so first try to get the enabled one
menu = this._menus.find(function (m) { return m.side === menuId && m.enabled; });
if (menu)
return menu;
// didn't find a menu side that is enabled
// so try to get the first menu side found
return this._menus.find(function (m) { return m.side === menuId; }) || null;
}
else if (menuId) {
// the menuId was not left or right
// so try to get the menu by its "id"
return this._menus.find(function (m) { return m.id === menuId; }) || null;
}
// return the first enabled menu
menu = this._menus.find(function (m) { return m.enabled; });
if (menu) {
return menu;
}
// get the first menu in the array, if one exists
return (this._menus.length ? this._menus[0] : null);
};
/**
* @return {?}
*/
MenuController.prototype.getOpen = function () {
return this._menus.find(function (m) { return m.isOpen; });
};
/**
* @return {?}
*/
MenuController.prototype.getMenus = function () {
return this._menus;
};
/**
* @hidden
* @return {?}
*/
MenuController.prototype.isAnimating = function () {
return this._menus.some(function (menu) { return menu.isAnimating(); });
};
/**
* @hidden
* @param {?} menu
* @return {?}
*/
MenuController.prototype._register = function (menu) {
(void 0) /* assert */;
this._menus.push(menu);
};
/**
* @hidden
* @param {?} menu
* @return {?}
*/
MenuController.prototype._unregister = function (menu) {
(void 0) /* assert */;
removeArrayItem(this._menus, menu);
};
/**
* @hidden
* @param {?} menu
* @return {?}
*/
MenuController.prototype._setActiveMenu = function (menu) {
(void 0) /* assert */;
(void 0) /* assert */;
// if this menu should be enabled
// then find all the other menus on this same side
// and automatically disable other same side menus
var /** @type {?} */ side = menu.side;
this._menus
.filter(function (m) { return m.side === side && m !== menu; })
.map(function (m) { return m.enable(false); });
};
/**
* @hidden
* @param {?} name
* @param {?} cls
* @return {?}
*/
MenuController.registerType = function (name, cls) {
menuTypes[name] = cls;
};
/**
* @hidden
* @param {?} type
* @param {?} menuCmp
* @param {?} plt
* @return {?}
*/
MenuController.create = function (type, menuCmp, plt) {
return new menuTypes[type](menuCmp, plt);
};
return MenuController;
}());
var menuTypes = {};
/**
* @param {?} docEle
* @return {?}
*/
function getCss(docEle) {
var /** @type {?} */ css = {};
// transform
var /** @type {?} */ i;
var /** @type {?} */ keys = ['webkitTransform', '-webkit-transform', 'webkit-transform', 'transform'];
for (i = 0; i < keys.length; i++) {
if (((docEle.style))[keys[i]] !== undefined) {
css.transform = keys[i];
break;
}
}
// transition
keys = ['webkitTransition', 'transition'];
for (i = 0; i < keys.length; i++) {
if (((docEle.style))[keys[i]] !== undefined) {
css.transition = keys[i];
break;
}
}
// The only prefix we care about is webkit for transitions.
var /** @type {?} */ isWebkit = css.transition.indexOf('webkit') > -1;
// transition duration
css.transitionDuration = (isWebkit ? '-webkit-' : '') + 'transition-duration';
// transition timing function
css.transitionTimingFn = (isWebkit ? '-webkit-' : '') + 'transition-timing-function';
// transition delay
css.transitionDelay = (isWebkit ? '-webkit-' : '') + 'transition-delay';
// To be sure transitionend works everywhere, include *both* the webkit and non-webkit events
css.transitionEnd = (isWebkit ? 'webkitTransitionEnd ' : '') + 'transitionend';
// transform origin
css.transformOrigin = (isWebkit ? '-webkit-' : '') + 'transform-origin';
// animation delay
css.animationDelay = (isWebkit ? 'webkitAnimationDelay' : 'animationDelay');
return css;
}
/**
* @param {?} ev
* @return {?}
*/
function pointerCoord(ev) {
// get coordinates for either a mouse click
// or a touch depending on the given event
if (ev) {
var /** @type {?} */ changedTouches = ev.changedTouches;
if (changedTouches && changedTouches.length > 0) {
var /** @type {?} */ touch = changedTouches[0];
return { x: touch.clientX, y: touch.clientY };
}
var /** @type {?} */ pageX = ev.pageX;
if (pageX !== undefined) {
return { x: pageX, y: ev.pageY };
}
}
return { x: 0, y: 0 };
}
/**
* @param {?} threshold
* @param {?} startCoord
* @param {?} endCoord
* @return {?}
*/
function hasPointerMoved(threshold, startCoord, endCoord) {
if (startCoord && endCoord) {
var /** @type {?} */ deltaX = (startCoord.x - endCoord.x);
var /** @type {?} */ deltaY = (startCoord.y - endCoord.y);
var /** @type {?} */ distance = deltaX * deltaX + deltaY * deltaY;
return distance > (threshold * threshold);
}
return false;
}
/**
* @param {?} ele
* @return {?}
*/
function isTextInput(ele) {
return !!ele &&
(ele.tagName === 'TEXTAREA' ||
ele.contentEditable === 'true' ||
(ele.tagName === 'INPUT' && !(NON_TEXT_INPUT_REGEX.test(ele.type))));
}
var NON_TEXT_INPUT_REGEX = /^(radio|checkbox|range|file|submit|reset|color|image|button)$/i;
var skipInputAttrsReg = /^(value|checked|disabled|type|class|style|id|autofocus|autocomplete|autocorrect)$/i;
/**
* @param {?} srcElement
* @param {?} destElement
* @return {?}
*/
function copyInputAttributes(srcElement, destElement) {
// copy attributes from one element to another
// however, skip over a few of them as they're already
// handled in the angular world
var /** @type {?} */ attrs = srcElement.attributes;
for (var /** @type {?} */ i = 0; i < attrs.length; i++) {
var /** @type {?} */ attr = attrs[i];
if (!skipInputAttrsReg.test(attr.name)) {
destElement.setAttribute(attr.name, attr.value);
}
}
}
/**
* @hidden
*/
var QueryParams = (function () {
function QueryParams() {
this.data = {};
}
/**
* @param {?} url
* @return {?}
*/
QueryParams.prototype.parseUrl = function (url) {
if (url) {
var /** @type {?} */ startIndex = url.indexOf('?');
if (startIndex > -1) {
var /** @type {?} */ queries = url.slice(startIndex + 1).split('&');
for (var /** @type {?} */ i = 0; i < queries.length; i++) {
if (queries[i].indexOf('=') > 0) {
var /** @type {?} */ split = queries[i].split('=');
if (split.length > 1) {
this.data[split[0].toLowerCase()] = split[1].split('#')[0];
}
}
}
}
}
};
/**
* @param {?} key
* @return {?}
*/
QueryParams.prototype.get = function (key) {
return this.data[key.toLowerCase()];
};
return QueryParams;
}());
/**
* \@name Platform
* \@description
* The Platform service can be used to get information about your current device.
* You can get all of the platforms associated with the device using the [platforms](#platforms)
* method, including whether the app is being viewed from a tablet, if it's
* on a mobile device or browser, and the exact platform (iOS, Android, etc).
* You can also get the orientation of the device, if it uses right-to-left
* language direction, and much much more. With this information you can completely
* customize your app to fit any device.
*
* \@usage
* ```ts
* import { Platform } from 'ionic-angular';
*
* \@Component({...})
* export MyPage {
* constructor(public plt: Platform) {
*
* }
* }
* ```
* \@demo /docs/demos/src/platform/
*/
var Platform = (function () {
function Platform() {
var _this = this;
this._versions = {};
this._qp = new QueryParams();
this._bbActions = [];
this._pW = 0;
this._pH = 0;
this._lW = 0;
this._lH = 0;
this._isPortrait = null;
this._uiEvtOpts = false;
/**
* \@internal
*/
this._platforms = [];
/**
* @hidden
*/
this.backButton = new EventEmitter();
/**
* The pause event emits when the native platform puts the application
* into the background, typically when the user switches to a different
* application. This event would emit when a Cordova app is put into
* the background, however, it would not fire on a standard web browser.
*/
this.pause = new EventEmitter();
/**
* The resume event emits when the native platform pulls the application
* out from the background. This event would emit when a Cordova app comes
* out from the background, however, it would not fire on a standard web browser.
*/
this.resume = new EventEmitter();
/**
* The resize event emits when the native platform pulls the application
* out from the background. This event would emit when a Cordova app comes
* out from the background, however, it would not fire on a standard web browser.
*/
this.resize = new EventEmitter();
this._readyPromise = new Promise(function (res) { _this._readyResolve = res; });
this.backButton.subscribe(function () {
// the hardware back button event has been fired
(void 0) /* console.debug */;
// decide which backbutton action should run
_this.runBackButtonAction();
});
}
/**
* @hidden
* @param {?} win
* @return {?}
*/
Platform.prototype.setWindow = function (win) {
this._win = win;
};
/**
* @hidden
* @return {?}
*/
Platform.prototype.win = function () {
return this._win;
};
/**
* @hidden
* @param {?} doc
* @return {?}
*/
Platform.prototype.setDocument = function (doc) {
this._doc = doc;
};
/**
* @hidden
* @return {?}
*/
Platform.prototype.doc = function () {
return this._doc;
};
/**
* @hidden
* @param {?} zone
* @return {?}
*/
Platform.prototype.setZone = function (zone) {
this.zone = zone;
};
/**
* @hidden
* @param {?} docElement
* @return {?}
*/
Platform.prototype.setCssProps = function (docElement) {
this.Css = getCss(docElement);
};
/**
* \@description
* Depending on the platform the user is on, `is(platformName)` will
* return `true` or `false`. Note that the same app can return `true`
* for more than one platform name. For example, an app running from
* an iPad would return `true` for the platform names: `mobile`,
* `ios`, `ipad`, and `tablet`. Additionally, if the app was running
* from Cordova then `cordova` would be true, and if it was running
* from a web browser on the iPad then `mobileweb` would be `true`.
*
* ```
* import { Platform } from 'ionic-angular';
*
* \@Component({...})
* export MyPage {
* constructor(public plt: Platform) {
* if (this.plt.is('ios')) {
* // This will only print when on iOS
* console.log("I'm an iOS device!");
* }
* }
* }
* ```
*
* | Platform Name | Description |
* |-----------------|------------------------------------|
* | android | on a device running Android. |
* | cordova | on a device running Cordova. |
* | core | on a desktop device. |
* | ios | on a device running iOS. |
* | ipad | on an iPad device. |
* | iphone | on an iPhone device. |
* | mobile | on a mobile device. |
* | mobileweb | in a browser on a mobile device. |
* | phablet | on a phablet device. |
* | tablet | on a tablet device. |
* | windows | on a device running Windows. |
*
* @param {?} platformName
* @return {?}
*/
Platform.prototype.is = function (platformName) {
return (this._platforms.indexOf(platformName) > -1);
};
/**
* \@description
* Depending on what device you are on, `platforms` can return multiple values.
* Each possible value is a hierarchy of platforms. For example, on an iPhone,
* it would return `mobile`, `ios`, and `iphone`.
*
* ```
* import { Platform } from 'ionic-angular';
*
* \@Component({...})
* export MyPage {
* constructor(public plt: Platform) {
* // This will print an array of the current platforms
* console.log(this.plt.platforms());
* }
* }
* ```
* @return {?}
*/
Platform.prototype.platforms = function () {
// get the array of active platforms, which also knows the hierarchy,
// with the last one the most important
return this._platforms;
};
/**
* Returns an object containing version information about all of the platforms.
*
* ```
* import { Platform } from 'ionic-angular';
*
* \@Component({...})
* export MyPage {
* constructor(public plt: Platform) {
* // This will print an object containing
* // all of the platforms and their versions
* console.log(plt.versions());
* }
* }
* ```
*
* @return {?}
*/
Platform.prototype.versions = function () {
// get all the platforms that have a valid parsed version
return this._versions;
};
/**
* @hidden
* @return {?}
*/
Platform.prototype.version = function () {
for (var /** @type {?} */ platformName in this._versions) {
if (this._versions[platformName]) {
return this._versions[platformName];
}
}
return {};
};
/**
* Returns a promise when the platform is ready and native functionality
* can be called. If the app is running from within a web browser, then
* the promise will resolve when the DOM is ready. When the app is running
* from an application engine such as Cordova, then the promise will
* resolve when Cordova triggers the `deviceready` event.
*
* The resolved value is the `readySource`, which states which platform
* ready was used. For example, when Cordova is ready, the resolved ready
* source is `cordova`. The default ready source value will be `dom`. The
* `readySource` is useful if different logic should run depending on the
* platform the app is running from. For example, only Cordova can execute
* the status bar plugin, so the web should not run status bar plugin logic.
*
* ```
* import { Component } from '\@angular/core';
* import { Platform } from 'ionic-angular';
*
* \@Component({...})
* export MyApp {
* constructor(public plt: Platform) {
* this.plt.ready().then((readySource) => {
* console.log('Platform ready from', readySource);
* // Platform now ready, execute any required native code
* });
* }
* }
* ```
* @return {?}
*/
Platform.prototype.ready = function () {
return this._readyPromise;
};
/**
* @hidden
* This should be triggered by the engine when the platform is
* ready. If there was no custom prepareReady method from the engine,
* such as Cordova or Electron, then it uses the default DOM ready.
* @param {?} readySource
* @return {?}
*/
Platform.prototype.triggerReady = function (readySource) {
var _this = this;
this.zone.run(function () {
_this._readyResolve(readySource);
});
};
/**
* @hidden
* This is the default prepareReady if it's not replaced by an engine,
* such as Cordova or Electron. If there was no custom prepareReady
* method from an engine then it uses the method below, which triggers
* the platform ready on the DOM ready event, and the default resolved
* value is `dom`.
* @return {?}
*/
Platform.prototype.prepareReady = function () {
var /** @type {?} */ self = this;
if (self._doc.readyState === 'complete' || self._doc.readyState === 'interactive') {
self.triggerReady('dom');
}
else {
self._doc.addEventListener('DOMContentLoaded', completed, false);
self._win.addEventListener('load', completed, false);
}
/**
* @return {?}
*/
function completed() {
self._doc.removeEventListener('DOMContentLoaded', completed, false);
self._win.removeEventListener('load', completed, false);
self.triggerReady('dom');
}
};
/**
* Set the app's language direction, which will update the `dir` attribute
* on the app's root `<html>` element. We recommend the app's `index.html`
* file already has the correct `dir` attribute value set, such as
* `<html dir="ltr">` or `<html dir="rtl">`. This method is useful if the
* direction needs to be dynamically changed per user/session.
* [W3C: Structural markup and right-to-left text in HTML](http://www.w3.org/International/questions/qa-html-dir)
* @param {?} dir
* @param {?} updateDocument
* @return {?}
*/
Platform.prototype.setDir = function (dir, updateDocument) {
this._dir = (dir || '').toLowerCase();
if (updateDocument !== false) {
this._doc['documentElement'].setAttribute('dir', dir);
}
};
/**
* Returns app's language direction.
* We recommend the app's `index.html` file already has the correct `dir`
* attribute value set, such as `<html dir="ltr">` or `<html dir="rtl">`.
* [W3C: Structural markup and right-to-left text in HTML](http://www.w3.org/International/questions/qa-html-dir)
* @return {?}
*/
Platform.prototype.dir = function () {
return this._dir;
};
/**
* Returns if this app is using right-to-left language direction or not.
* We recommend the app's `index.html` file already has the correct `dir`
* attribute value set, such as `<html dir="ltr">` or `<html dir="rtl">`.
* [W3C: Structural markup and right-to-left text in HTML](http://www.w3.org/International/questions/qa-html-dir)
* @return {?}
*/
Platform.prototype.isRTL = function () {
return (this._dir === 'rtl');
};
/**
* Set the app's language and optionally the country code, which will update
* the `lang` attribute on the app's root `<html>` element.
* We recommend the app's `index.html` file already has the correct `lang`
* attribute value set, such as `<html lang="en">`. This method is useful if
* the language needs to be dynamically changed per user/session.
* [W3C: Declaring language in HTML](http://www.w3.org/International/questions/qa-html-language-declarations)
* @param {?} language
* @param {?} updateDocument
* @return {?}
*/
Platform.prototype.setLang = function (language, updateDocument) {
this._lang = language;
if (updateDocument !== false) {
this._doc['documentElement'].setAttribute('lang', language);
}
};
/**
* Returns app's language and optional country code.
* We recommend the app's `index.html` file already has the correct `lang`
* attribute value set, such as `<html lang="en">`.
* [W3C: Declaring language in HTML](http://www.w3.org/International/questions/qa-html-language-declarations)
* @return {?}
*/
Platform.prototype.lang = function () {
return this._lang;
};
/**
* @hidden
* @return {?}
*/
Platform.prototype.exitApp = function () { };
/**
* The back button event is triggered when the user presses the native
* platform's back button, also referred to as the "hardware" back button.
* This event is only used within Cordova apps running on Android and
* Windows platforms. This event is not fired on iOS since iOS doesn't come
* with a hardware back button in the same sense an Android or Windows device
* does.
*
* Registering a hardware back button action and setting a priority allows
* apps to control which action should be called when the hardware back
* button is pressed. This method decides which of the registered back button
* actions has the highest priority and should be called.
*
* if this registered action has the highest priority.
* the its back button action.
* @param {?} fn
* @param {?=} priority
* @return {?}
*/
Platform.prototype.registerBackButtonAction = function (fn, priority) {
var _this = this;
if (priority === void 0) { priority = 0; }
var /** @type {?} */ action = { fn: fn, priority: priority };
this._bbActions.push(action);
// return a function to unregister this back button action
return function () {
removeArrayItem(_this._bbActions, action);
};
};
/**
* @hidden
* @return {?}
*/
Platform.prototype.runBackButtonAction = function () {
// decide which one back button action should run
var /** @type {?} */ winner = null;
this._bbActions.forEach(function (action) {
if (!winner || action.priority >= winner.priority) {
winner = action;
}
});
// run the winning action if there is one
winner && winner.fn && winner.fn();
};
/**
* @hidden
* @param {?} userAgent
* @return {?}
*/
Platform.prototype.setUserAgent = function (userAgent) {
this._ua = userAgent;
};
/**
* @hidden
* @param {?} url
* @return {?}
*/
Platform.prototype.setQueryParams = function (url) {
this._qp.parseUrl(url);
};
/**
* Get the query string parameter
* @param {?} key
* @return {?}
*/
Platform.prototype.getQueryParam = function (key) {
return this._qp.get(key);
};
/**
* Get the current url.
* @return {?}
*/
Platform.prototype.url = function () {
return this._win['location']['href'];
};
/**
* @hidden
* @return {?}
*/
Platform.prototype.userAgent = function () {
return this._ua || '';
};
/**
* @hidden
* @param {?} navigatorPlt
* @return {?}
*/
Platform.prototype.setNavigatorPlatform = function (navigatorPlt) {
this._nPlt = navigatorPlt;
};
/**
* @hidden
* @return {?}
*/
Platform.prototype.navigatorPlatform = function () {
return this._nPlt || '';
};
/**
* Gets the width of the platform's viewport using `window.innerWidth`.
* Using this method is preferred since the dimension is a cached value,
* which reduces the chance of multiple and expensive DOM reads.
* @return {?}
*/
Platform.prototype.width = function () {
this._calcDim();
return this._isPortrait ? this._pW : this._lW;
};
/**
* Gets the height of the platform's viewport using `window.innerHeight`.
* Using this method is preferred since the dimension is a cached value,
* which reduces the chance of multiple and expensive DOM reads.
* @return {?}
*/
Platform.prototype.height = function () {
this._calcDim();
return this._isPortrait ? this._pH : this._lH;
};
/**
* @hidden
* @param {?} ele
* @param {?=} pseudoEle
* @return {?}
*/
Platform.prototype.getElementComputedStyle = function (ele, pseudoEle) {
return this._win['getComputedStyle'](ele, pseudoEle);
};
/**
* @hidden
* @param {?} x
* @param {?} y
* @return {?}
*/
Platform.prototype.getElementFromPoint = function (x, y) {
return (this._doc['elementFromPoint'](x, y));
};
/**
* @hidden
* @param {?} ele
* @return {?}
*/
Platform.prototype.getElementBoundingClientRect = function (ele) {
return ele['getBoundingClientRect']();
};
/**
* Returns `true` if the app is in portait mode.
* @return {?}
*/
Platform.prototype.isPortrait = function () {
this._calcDim();
return this._isPortrait;
};
/**
* Returns `true` if the app is in landscape mode.
* @return {?}
*/
Platform.prototype.isLandscape = function () {
return !this.isPortrait();
};
/**
* @return {?}
*/
Platform.prototype._calcDim = function () {
// we're caching window dimensions so that
// we're not forcing many layouts
// if _isPortrait is null then that means
// the dimensions needs to be looked up again
// this also has to cover an edge case that only
// happens on iOS 10 (not other versions of iOS)
// where window.innerWidth is always bigger than
// window.innerHeight when it is first measured,
// even when the device is in portrait but
// the second time it is measured it is correct.
// Hopefully this check will not be needed in the future
if (this._isPortrait === null || this._isPortrait === false && this._win['innerWidth'] < this._win['innerHeight']) {
var /** @type {?} */ win = this._win;
var /** @type {?} */ innerWidth = win['innerWidth'];
var /** @type {?} */ innerHeight = win['innerHeight'];
// we're keeping track of portrait and landscape dimensions
// separately because the virtual keyboard can really mess
// up accurate values when the keyboard is up
if (win.screen.width > 0 && win.screen.height > 0) {
if (innerWidth < innerHeight) {
// the device is in portrait
// we have to do fancier checking here
// because of the virtual keyboard resizing
// the window
if (this._pW <= innerWidth) {
(void 0) /* console.debug */;
this._isPortrait = true;
this._pW = innerWidth;
}
if (this._pH <= innerHeight) {
(void 0) /* console.debug */;
this._isPortrait = true;
this._pH = innerHeight;
}
}
else {
// the device is in landscape
if (this._lW !== innerWidth) {
(void 0) /* console.debug */;
this._isPortrait = false;
this._lW = innerWidth;
}
if (this._lH !== innerHeight) {
(void 0) /* console.debug */;
this._isPortrait = false;
this._lH = innerHeight;
}
}
}
}
};
/**
* @hidden
* This requestAnimationFrame will NOT be wrapped by zone.
* @param {?} callback
* @return {?}
*/
Platform.prototype.raf = function (callback) {
var /** @type {?} */ win = this._win;
return win['__zone_symbol__requestAnimationFrame'](callback);
};
/**
* @hidden
* @param {?} rafId
* @return {?}
*/
Platform.prototype.cancelRaf = function (rafId) {
var /** @type {?} */ win = this._win;
return win['__zone_symbol__cancelAnimationFrame'](rafId);
};
/**
* @hidden
* This setTimeout will NOT be wrapped by zone.
* @param {?} callback
* @param {?=} timeout
* @return {?}
*/
Platform.prototype.timeout = function (callback, timeout) {
var /** @type {?} */ win = this._win;
return win['__zone_symbol__setTimeout'](callback, timeout);
};
/**
* @hidden
* This setTimeout will NOT be wrapped by zone.
* @param {?} timeoutId
* @return {?}
*/
Platform.prototype.cancelTimeout = function (timeoutId) {
var /** @type {?} */ win = this._win;
win['__zone_symbol__clearTimeout'](timeoutId);
};
/**
* @hidden
* Built to use modern event listener options, like "passive".
* If options are not supported, then just return a boolean which
* represents "capture". Returns a method to remove the listener.
* @param {?} ele
* @param {?} eventName
* @param {?} callback
* @param {?} opts
* @param {?=} unregisterListenersCollection
* @return {?}
*/
Platform.prototype.registerListener = function (ele, eventName, callback, opts, unregisterListenersCollection) {
// use event listener options when supported
// otherwise it's just a boolean for the "capture" arg
var /** @type {?} */ listenerOpts = this._uiEvtOpts ? {
'capture': !!opts.capture,
'passive': !!opts.passive,
} : !!opts.capture;
var /** @type {?} */ unReg;
if (!opts.zone && ele['__zone_symbol__addEventListener']) {
// do not wrap this event in zone and we've verified we can use the raw addEventListener
ele['__zone_symbol__addEventListener'](eventName, callback, listenerOpts);
unReg = function unregisterListener() {
ele['__zone_symbol__removeEventListener'](eventName, callback, listenerOpts);
};
}
else {
// use the native addEventListener, which is wrapped with zone
ele['addEventListener'](eventName, callback, listenerOpts);
unReg = function unregisterListener() {
ele['removeEventListener'](eventName, callback, listenerOpts);
};
}
if (unregisterListenersCollection) {
unregisterListenersCollection.push(unReg);
}
return unReg;
};
/**
* @hidden
* @param {?} el
* @param {?} callback
* @param {?=} zone
* @return {?}
*/
Platform.prototype.transitionEnd = function (el, callback, zone) {
if (zone === void 0) { zone = true; }
var /** @type {?} */ unRegs = [];
/**
* @return {?}
*/
function unregister() {
unRegs.forEach(function (unReg) {
unReg();
});
}
/**
* @param {?} ev
* @return {?}
*/
function onTransitionEnd(ev) {
if (el === ev.target) {
unregister();
callback(ev);
}
}
if (el) {
this.registerListener(el, 'webkitTransitionEnd', /** @type {?} */ (onTransitionEnd), { zone: zone }, unRegs);
this.registerListener(el, 'transitionend', /** @type {?} */ (onTransitionEnd), { zone: zone }, unRegs);
}
return unregister;
};
/**
* @hidden
* @param {?} callback
* @return {?}
*/
Platform.prototype.windowLoad = function (callback) {
var /** @type {?} */ win = this._win;
var /** @type {?} */ doc = this._doc;
var /** @type {?} */ unreg;
if (doc.readyState === 'complete') {
callback(win, doc);
}
else {
unreg = this.registerListener(win, 'load', function () {
unreg && unreg();
callback(win, doc);
}, { zone: false });
}
};
/**
* @hidden
* @param {?} ele
* @return {?}
*/
Platform.prototype.isActiveElement = function (ele) {
return !!(ele && (this.getActiveElement() === ele));
};
/**
* @hidden
* @return {?}
*/
Platform.prototype.getActiveElement = function () {
return this._doc['activeElement'];
};
/**
* @hidden
* @param {?} ele
* @return {?}
*/
Platform.prototype.hasFocus = function (ele) {
return !!((ele && (this.getActiveElement() === ele)) && (ele.parentElement.querySelector(':focus') === ele));
};
/**
* @hidden
* @return {?}
*/
Platform.prototype.hasFocusedTextInput = function () {
var /** @type {?} */ ele = this.getActiveElement();
if (isTextInput(ele)) {
return (ele.parentElement.querySelector(':focus') === ele);
}
return false;
};
/**
* @hidden
* @return {?}
*/
Platform.prototype.focusOutActiveElement = function () {
var /** @type {?} */ activeElement = this.getActiveElement();
activeElement && activeElement.blur && activeElement.blur();
};
/**
* @return {?}
*/
Platform.prototype._initEvents = function () {
var _this = this;
// Test via a getter in the options object to see if the passive property is accessed
try {
var /** @type {?} */ opts = Object.defineProperty({}, 'passive', {
get: function () {
_this._uiEvtOpts = true;
}
});
this._win.addEventListener('optsTest', null, opts);
}
catch (e) { }
// add the window resize event listener XXms after
this.timeout(function () {
var /** @type {?} */ timerId;
_this.registerListener(_this._win, 'resize', function () {
clearTimeout(timerId);
timerId = setTimeout(function () {
// setting _isPortrait to null means the
// dimensions will need to be looked up again
if (_this.hasFocusedTextInput() === false) {
_this._isPortrait = null;
}
_this.resize.emit();
}, 200);
}, { passive: true, zone: true });
}, 2000);
};
/**
* @hidden
* @param {?} platformConfigs
* @return {?}
*/
Platform.prototype.setPlatformConfigs = function (platformConfigs) {
this._registry = platformConfigs || {};
};
/**
* @hidden
* @param {?} platformName
* @return {?}
*/
Platform.prototype.getPlatformConfig = function (platformName) {
return this._registry[platformName] || {};
};
/**
* @hidden
* @return {?}
*/
Platform.prototype.registry = function () {
return this._registry;
};
/**
* @hidden
* @param {?} platformName
* @return {?}
*/
Platform.prototype.setDefault = function (platformName) {
this._default = platformName;
};
/**
* @hidden
* @param {?} queryValue
* @param {?} queryTestValue
* @return {?}
*/
Platform.prototype.testQuery = function (queryValue, queryTestValue) {
var /** @type {?} */ valueSplit = queryValue.toLowerCase().split(';');
return valueSplit.indexOf(queryTestValue) > -1;
};
/**
* @hidden
* @param {?} navigatorPlatformExpression
* @return {?}
*/
Platform.prototype.testNavigatorPlatform = function (navigatorPlatformExpression) {
var /** @type {?} */ rgx = new RegExp(navigatorPlatformExpression, 'i');
return rgx.test(this._nPlt);
};
/**
* @hidden
* @param {?} userAgentExpression
* @return {?}
*/
Platform.prototype.matchUserAgentVersion = function (userAgentExpression) {
if (this._ua && userAgentExpression) {
var /** @type {?} */ val = this._ua.match(userAgentExpression);
if (val) {
return {
major: val[1],
minor: val[2]
};
}
}
};
/**
* @param {?} expression
* @return {?}
*/
Platform.prototype.testUserAgent = function (expression) {
if (this._ua) {
return this._ua.indexOf(expression) >= 0;
}
return false;
};
/**
* @hidden
* @param {?} queryStringName
* @param {?=} userAgentAtLeastHas
* @param {?=} userAgentMustNotHave
* @return {?}
*/
Platform.prototype.isPlatformMatch = function (queryStringName, userAgentAtLeastHas, userAgentMustNotHave) {
if (userAgentMustNotHave === void 0) { userAgentMustNotHave = []; }
var /** @type {?} */ queryValue = this._qp.get('ionicplatform');
if (queryValue) {
return this.testQuery(queryValue, queryStringName);
}
userAgentAtLeastHas = userAgentAtLeastHas || [queryStringName];
var /** @type {?} */ userAgent = this._ua.toLowerCase();
for (var /** @type {?} */ i = 0; i < userAgentAtLeastHas.length; i++) {
if (userAgent.indexOf(userAgentAtLeastHas[i]) > -1) {
for (var /** @type {?} */ j = 0; j < userAgentMustNotHave.length; j++) {
if (userAgent.indexOf(userAgentMustNotHave[j]) > -1) {
return false;
}
}
return true;
}
}
return false;
};
/**
* @hidden
* @return {?}
*/
Platform.prototype.init = function () {
this._initEvents();
var /** @type {?} */ rootPlatformNode;
var /** @type {?} */ enginePlatformNode;
// figure out the most specific platform and active engine
var /** @type {?} */ tmpPlt;
for (var /** @type {?} */ platformName in this._registry) {
tmpPlt = this.matchPlatform(platformName);
if (tmpPlt) {
// we found a platform match!
// check if its more specific than the one we already have
if (tmpPlt.isEngine) {
// because it matched then this should be the active engine
// you cannot have more than one active engine
enginePlatformNode = tmpPlt;
}
else if (!rootPlatformNode || tmpPlt.depth > rootPlatformNode.depth) {
// only find the root node for platforms that are not engines
// set this node as the root since we either don't already
// have one, or this one is more specific that the current one
rootPlatformNode = tmpPlt;
}
}
}
if (!rootPlatformNode) {
rootPlatformNode = new PlatformNode(this._registry, this._default);
}
// build a Platform instance filled with the
// hierarchy of active platforms and settings
if (rootPlatformNode) {
// check if we found an engine node (cordova/node-webkit/etc)
if (enginePlatformNode) {
// add the engine to the first in the platform hierarchy
// the original rootPlatformNode now becomes a child
// of the engineNode, which is not the new root
enginePlatformNode.child = rootPlatformNode;
rootPlatformNode.parent = enginePlatformNode;
rootPlatformNode = enginePlatformNode;
}
var /** @type {?} */ platformNode = rootPlatformNode;
while (platformNode) {
insertSuperset(this._registry, platformNode);
platformNode = platformNode.child;
}
// make sure the root noot is actually the root
// incase a node was inserted before the root
platformNode = rootPlatformNode.parent;
while (platformNode) {
rootPlatformNode = platformNode;
platformNode = platformNode.parent;
}
platformNode = rootPlatformNode;
while (platformNode) {
platformNode.initialize(this);
// extra check for ipad pro issue
// https://forums.developer.apple.com/thread/25948
if (platformNode.name === 'iphone' && this.navigatorPlatform() === 'iPad') {
// this is an ipad pro so push ipad and tablet to platforms
// and then return as we are done
this._platforms.push('tablet');
this._platforms.push('ipad');
return;
}
// set the array of active platforms with
// the last one in the array the most important
this._platforms.push(platformNode.name);
// get the platforms version if a version parser was provided
this._versions[platformNode.name] = platformNode.version(this);
// go to the next platform child
platformNode = platformNode.child;
}
}
if (this._platforms.indexOf('mobile') > -1 && this._platforms.indexOf('cordova') === -1) {
this._platforms.push('mobileweb');
}
};
/**
* @hidden
* @param {?} platformName
* @return {?}
*/
Platform.prototype.matchPlatform = function (platformName) {
// build a PlatformNode and assign config data to it
// use it's getRoot method to build up its hierarchy
// depending on which platforms match
var /** @type {?} */ platformNode = new PlatformNode(this._registry, platformName);
var /** @type {?} */ rootNode = platformNode.getRoot(this);
if (rootNode) {
rootNode.depth = 0;
var /** @type {?} */ childPlatform = rootNode.child;
while (childPlatform) {
rootNode.depth++;
childPlatform = childPlatform.child;
}
}
return rootNode;
};
return Platform;
}());
/**
* @param {?} registry
* @param {?} platformNode
* @return {?}
*/
function insertSuperset(registry, platformNode) {
var /** @type {?} */ supersetPlaformName = platformNode.superset();
if (supersetPlaformName) {
// add a platform in between two exist platforms
// so we can build the correct hierarchy of active platforms
var /** @type {?} */ supersetPlatform = new PlatformNode(registry, supersetPlaformName);
supersetPlatform.parent = platformNode.parent;
supersetPlatform.child = platformNode;
if (supersetPlatform.parent) {
supersetPlatform.parent.child = supersetPlatform;
}
platformNode.parent = supersetPlatform;
}
}
/**
* @hidden
*/
var PlatformNode = (function () {
/**
* @param {?} registry
* @param {?} platformName
*/
function PlatformNode(registry, platformName) {
this.registry = registry;
this.c = registry[platformName];
this.name = platformName;
this.isEngine = this.c.isEngine;
}
/**
* @return {?}
*/
PlatformNode.prototype.settings = function () {
return this.c.settings || {};
};
/**
* @return {?}
*/
PlatformNode.prototype.superset = function () {
return this.c.superset;
};
/**
* @param {?} p
* @return {?}
*/
PlatformNode.prototype.isMatch = function (p) {
return this.c.isMatch && this.c.isMatch(p) || false;
};
/**
* @param {?} plt
* @return {?}
*/
PlatformNode.prototype.initialize = function (plt) {
this.c.initialize && this.c.initialize(plt);
};
/**
* @param {?} plt
* @return {?}
*/
PlatformNode.prototype.version = function (plt) {
if (this.c.versionParser) {
var /** @type {?} */ v = this.c.versionParser(plt);
if (v) {
var /** @type {?} */ str = v.major + '.' + v.minor;
return {
str: str,
num: parseFloat(str),
major: parseInt(v.major, 10),
minor: parseInt(v.minor, 10)
};
}
}
};
/**
* @param {?} plt
* @return {?}
*/
PlatformNode.prototype.getRoot = function (plt) {
if (this.isMatch(plt)) {
var /** @type {?} */ parents = this.getSubsetParents(this.name);
if (!parents.length) {
return this;
}
var /** @type {?} */ platformNode = null;
var /** @type {?} */ rootPlatformNode = null;
for (var /** @type {?} */ i = 0; i < parents.length; i++) {
platformNode = new PlatformNode(this.registry, parents[i]);
platformNode.child = this;
rootPlatformNode = platformNode.getRoot(plt);
if (rootPlatformNode) {
this.parent = platformNode;
return rootPlatformNode;
}
}
}
return null;
};
/**
* @param {?} subsetPlatformName
* @return {?}
*/
PlatformNode.prototype.getSubsetParents = function (subsetPlatformName) {
var /** @type {?} */ parentPlatformNames = [];
var /** @type {?} */ pltConfig = null;
for (var /** @type {?} */ platformName in this.registry) {
pltConfig = this.registry[platformName];
if (pltConfig.subsets && pltConfig.subsets.indexOf(subsetPlatformName) > -1) {
parentPlatformNames.push(platformName);
}
}
return parentPlatformNames;
};
return PlatformNode;
}());
/**
* @hidden
* @param {?} doc
* @param {?} platformConfigs
* @param {?} zone
* @return {?}
*/
function setupPlatform(doc, platformConfigs, zone) {
var /** @type {?} */ plt = new Platform();
plt.setDefault('core');
plt.setPlatformConfigs(platformConfigs);
plt.setZone(zone);
// set values from "document"
var /** @type {?} */ docElement = doc.documentElement;
plt.setDocument(doc);
plt.setDir(docElement.dir, false);
plt.setLang(docElement.lang, false);
// set css properties
plt.setCssProps(docElement);
// set values from "window"
var /** @type {?} */ win = doc.defaultView;
plt.setWindow(win);
plt.setNavigatorPlatform(win.navigator.platform);
plt.setUserAgent(win.navigator.userAgent);
// set location values
plt.setQueryParams(win.location.href);
plt.init();
// add the platform obj to the window
((win))['Ionic'] = ((win))['Ionic'] || {};
((win))['Ionic']['platform'] = plt;
return plt;
}
/**
* @hidden
*/
var Animation = (function () {
/**
* @param {?} plt
* @param {?=} ele
* @param {?=} opts
*/
function Animation(plt, ele, opts) {
this._dur = null;
this._es = null;
this._rvEs = null;
this.hasChildren = false;
this.isPlaying = false;
this.hasCompleted = false;
this.plt = plt;
this.element(ele);
this.opts = opts;
}
/**
* @param {?} ele
* @return {?}
*/
Animation.prototype.element = function (ele) {
if (ele) {
if (typeof ele === 'string') {
ele = this.plt.doc().querySelectorAll(ele);
for (var /** @type {?} */ i = 0; i < ele.length; i++) {
this._addEle(ele[i]);
}
}
else if (ele.length) {
for (var /** @type {?} */ i = 0; i < ele.length; i++) {
this._addEle(ele[i]);
}
}
else {
this._addEle(ele);
}
}
return this;
};
/**
* NO DOM
* @param {?} ele
* @return {?}
*/
Animation.prototype._addEle = function (ele) {
if (ele.nativeElement) {
ele = ele.nativeElement;
}
if (((ele)).nodeType === 1) {
this._eL = (this._e = this._e || []).push(ele);
}
};
/**
* Add a child animation to this animation.
* @param {?} childAnimation
* @return {?}
*/
Animation.prototype.add = function (childAnimation) {
childAnimation.parent = this;
this.hasChildren = true;
this._cL = (this._c = this._c || []).push(childAnimation);
return this;
};
/**
* Get the duration of this animation. If this animation does
* not have a duration, then it'll get the duration from its parent.
* @param {?=} opts
* @return {?}
*/
Animation.prototype.getDuration = function (opts) {
if (opts && isDefined(opts.duration)) {
return opts.duration;
}
else if (this._dur !== null) {
return this._dur;
}
else if (this.parent) {
return this.parent.getDuration();
}
return 0;
};
/**
* Set the duration for this animation.
* @param {?} milliseconds
* @return {?}
*/
Animation.prototype.duration = function (milliseconds) {
this._dur = milliseconds;
return this;
};
/**
* Get the easing of this animation. If this animation does
* not have an easing, then it'll get the easing from its parent.
* @return {?}
*/
Animation.prototype.getEasing = function () {
if (this._rv && this._rvEs) {
return this._rvEs;
}
return this._es !== null ? this._es : (this.parent && this.parent.getEasing()) || null;
};
/**
* Set the easing for this animation.
* @param {?} name
* @return {?}
*/
Animation.prototype.easing = function (name) {
this._es = name;
return this;
};
/**
* Set the easing for this reversed animation.
* @param {?} name
* @return {?}
*/
Animation.prototype.easingReverse = function (name) {
this._rvEs = name;
return this;
};
/**
* Add the "from" value for a specific property.
* @param {?} prop
* @param {?} val
* @return {?}
*/
Animation.prototype.from = function (prop, val) {
this._addProp('from', prop, val);
return this;
};
/**
* Add the "to" value for a specific property.
* @param {?} prop
* @param {?} val
* @param {?=} clearProperyAfterTransition
* @return {?}
*/
Animation.prototype.to = function (prop, val, clearProperyAfterTransition) {
var /** @type {?} */ fx = this._addProp('to', prop, val);
if (clearProperyAfterTransition) {
// if this effect is a transform then clear the transform effect
// otherwise just clear the actual property
this.afterClearStyles([fx.trans ? this.plt.Css.transform : prop]);
}
return this;
};
/**
* Shortcut to add both the "from" and "to" for the same property.
* @param {?} prop
* @param {?} fromVal
* @param {?} toVal
* @param {?=} clearProperyAfterTransition
* @return {?}
*/
Animation.prototype.fromTo = function (prop, fromVal, toVal, clearProperyAfterTransition) {
return this.from(prop, fromVal).to(prop, toVal, clearProperyAfterTransition);
};
/**
* @hidden
* NO DOM
* @param {?} name
* @return {?}
*/
Animation.prototype._getProp = function (name) {
if (this._fx) {
return this._fx.find(function (prop) { return prop.name === name; });
}
else {
this._fx = [];
}
return null;
};
/**
* @param {?} state
* @param {?} prop
* @param {?} val
* @return {?}
*/
Animation.prototype._addProp = function (state, prop, val) {
var /** @type {?} */ fxProp = this._getProp(prop);
if (!fxProp) {
// first time we've see this EffectProperty
var /** @type {?} */ shouldTrans = (ANIMATION_TRANSFORMS[prop] === 1);
fxProp = {
name: prop,
trans: shouldTrans,
// add the will-change property for transforms or opacity
wc: (shouldTrans ? this.plt.Css.transform : prop)
};
this._fx.push(fxProp);
}
// add from/to EffectState to the EffectProperty
var /** @type {?} */ fxState = {
val: val,
num: null,
unit: '',
};
fxProp[state] = fxState;
if (typeof val === 'string' && val.indexOf(' ') < 0) {
var /** @type {?} */ r = val.match(ANIMATION_CSS_VALUE_REGEX);
var /** @type {?} */ num = parseFloat(r[1]);
if (!isNaN(num)) {
fxState.num = num;
}
fxState.unit = (r[0] !== r[2] ? r[2] : '');
}
else if (typeof val === 'number') {
fxState.num = val;
}
return fxProp;
};
/**
* Add CSS class to this animation's elements
* before the animation begins.
* @param {?} className
* @return {?}
*/
Animation.prototype.beforeAddClass = function (className) {
(this._bfAdd = this._bfAdd || []).push(className);
return this;
};
/**
* Remove CSS class from this animation's elements
* before the animation begins.
* @param {?} className
* @return {?}
*/
Animation.prototype.beforeRemoveClass = function (className) {
(this._bfRm = this._bfRm || []).push(className);
return this;
};
/**
* Set CSS inline styles to this animation's elements
* before the animation begins.
* @param {?} styles
* @return {?}
*/
Animation.prototype.beforeStyles = function (styles) {
this._bfSty = styles;
return this;
};
/**
* Clear CSS inline styles from this animation's elements
* before the animation begins.
* @param {?} propertyNames
* @return {?}
*/
Animation.prototype.beforeClearStyles = function (propertyNames) {
this._bfSty = this._bfSty || {};
for (var /** @type {?} */ i = 0; i < propertyNames.length; i++) {
this._bfSty[propertyNames[i]] = '';
}
return this;
};
/**
* Add a function which contains DOM reads, which will run
* before the animation begins.
* @param {?} domReadFn
* @return {?}
*/
Animation.prototype.beforeAddRead = function (domReadFn) {
(this._rdFn = this._rdFn || []).push(domReadFn);
return this;
};
/**
* Add a function which contains DOM writes, which will run
* before the animation begins.
* @param {?} domWriteFn
* @return {?}
*/
Animation.prototype.beforeAddWrite = function (domWriteFn) {
(this._wrFn = this._wrFn || []).push(domWriteFn);
return this;
};
/**
* Add CSS class to this animation's elements
* after the animation finishes.
* @param {?} className
* @return {?}
*/
Animation.prototype.afterAddClass = function (className) {
(this._afAdd = this._afAdd || []).push(className);
return this;
};
/**
* Remove CSS class from this animation's elements
* after the animation finishes.
* @param {?} className
* @return {?}
*/
Animation.prototype.afterRemoveClass = function (className) {
(this._afRm = this._afRm || []).push(className);
return this;
};
/**
* Set CSS inline styles to this animation's elements
* after the animation finishes.
* @param {?} styles
* @return {?}
*/
Animation.prototype.afterStyles = function (styles) {
this._afSty = styles;
return this;
};
/**
* Clear CSS inline styles from this animation's elements
* after the animation finishes.
* @param {?} propertyNames
* @return {?}
*/
Animation.prototype.afterClearStyles = function (propertyNames) {
this._afSty = this._afSty || {};
for (var /** @type {?} */ i = 0; i < propertyNames.length; i++) {
this._afSty[propertyNames[i]] = '';
}
return this;
};
/**
* Play the animation.
* @param {?=} opts
* @return {?}
*/
Animation.prototype.play = function (opts) {
var _this = this;
// If the animation was already invalidated (it did finish), do nothing
if (!this.plt) {
return;
}
// this is the top level animation and is in full control
// of when the async play() should actually kick off
// if there is no duration then it'll set the TO property immediately
// if there is a duration, then it'll stage all animations at the
// FROM property and transition duration, wait a few frames, then
// kick off the animation by setting the TO property for each animation
this._isAsync = this._hasDuration(opts);
// ensure all past transition end events have been cleared
this._clearAsync();
// recursively kicks off the correct progress step for each child animation
// ******** DOM WRITE ****************
this._playInit(opts);
// doubling up RAFs since this animation was probably triggered
// from an input event, and just having one RAF would have this code
// run within the same frame as the triggering input event, and the
// input event probably already did way too much work for one frame
this.plt.raf(function () {
_this.plt.raf(_this._playDomInspect.bind(_this, opts));
});
};
/**
* @return {?}
*/
Animation.prototype.syncPlay = function () {
// If the animation was already invalidated (it did finish), do nothing
if (!this.plt) {
return;
}
var /** @type {?} */ opts = { duration: 0 };
this._isAsync = false;
this._clearAsync();
this._playInit(opts);
this._playDomInspect(opts);
};
/**
* @hidden
* DOM WRITE
* RECURSION
* @param {?} opts
* @return {?}
*/
Animation.prototype._playInit = function (opts) {
// always default that an animation does not tween
// a tween requires that an Animation class has an element
// and that it has at least one FROM/TO effect
// and that the FROM/TO effect can tween numeric values
this._twn = false;
this.isPlaying = true;
this.hasCompleted = false;
this._hasDur = (this.getDuration(opts) > ANIMATION_DURATION_MIN);
var /** @type {?} */ children = this._c;
for (var /** @type {?} */ i = 0; i < this._cL; i++) {
// ******** DOM WRITE ****************
children[i]._playInit(opts);
}
if (this._hasDur) {
// if there is a duration then we want to start at step 0
// ******** DOM WRITE ****************
this._progress(0);
// add the will-change properties
// ******** DOM WRITE ****************
this._willChg(true);
}
};
/**
* @hidden
* DOM WRITE
* NO RECURSION
* ROOT ANIMATION
* @param {?} opts
* @return {?}
*/
Animation.prototype._playDomInspect = function (opts) {
// fire off all the "before" function that have DOM READS in them
// elements will be in the DOM, however visibily hidden
// so we can read their dimensions if need be
// ******** DOM READ ****************
// ******** DOM WRITE ****************
this._beforeAnimation();
// for the root animation only
// set the async TRANSITION END event
// and run onFinishes when the transition ends
var /** @type {?} */ dur = this.getDuration(opts);
if (this._isAsync) {
this._asyncEnd(dur, true);
}
// ******** DOM WRITE ****************
this._playProgress(opts);
if (this._isAsync && this.plt) {
// this animation has a duration so we need another RAF
// for the CSS TRANSITION properties to kick in
this.plt.raf(this._playToStep.bind(this, 1));
}
};
/**
* @hidden
* DOM WRITE
* RECURSION
* @param {?} opts
* @return {?}
*/
Animation.prototype._playProgress = function (opts) {
var /** @type {?} */ children = this._c;
for (var /** @type {?} */ i = 0; i < this._cL; i++) {
// ******** DOM WRITE ****************
children[i]._playProgress(opts);
}
if (this._hasDur) {
// set the CSS TRANSITION duration/easing
// ******** DOM WRITE ****************
this._setTrans(this.getDuration(opts), false);
}
else {
// this animation does not have a duration, so it should not animate
// just go straight to the TO properties and call it done
// ******** DOM WRITE ****************
this._progress(1);
// since there was no animation, immediately run the after
// ******** DOM WRITE ****************
this._setAfterStyles();
// this animation has no duration, so it has finished
// other animations could still be running
this._didFinish(true);
}
};
/**
* @hidden
* DOM WRITE
* RECURSION
* @param {?} stepValue
* @return {?}
*/
Animation.prototype._playToStep = function (stepValue) {
var /** @type {?} */ children = this._c;
for (var /** @type {?} */ i = 0; i < this._cL; i++) {
// ******** DOM WRITE ****************
children[i]._playToStep(stepValue);
}
if (this._hasDur) {
// browser had some time to render everything in place
// and the transition duration/easing is set
// now set the TO properties which will trigger the transition to begin
// ******** DOM WRITE ****************
this._progress(stepValue);
}
};
/**
* @hidden
* DOM WRITE
* NO RECURSION
* ROOT ANIMATION
* @param {?} dur
* @param {?} shouldComplete
* @return {?}
*/
Animation.prototype._asyncEnd = function (dur, shouldComplete) {
(void 0) /* assert */;
(void 0) /* assert */;
(void 0) /* assert */;
var /** @type {?} */ self = this;
/**
* @param {?} ev
* @return {?}
*/
function onTransitionEnd(ev) {
// congrats! a successful transition completed!
// ensure transition end events and timeouts have been cleared
self._clearAsync();
// ******** DOM WRITE ****************
self._playEnd();
// transition finished
self._didFinishAll(shouldComplete, true, false);
}
/**
* @return {?}
*/
function onTransitionFallback() {
(void 0) /* console.debug */;
// oh noz! the transition end event didn't fire in time!
// instead the fallback timer when first
// if all goes well this fallback should never fire
// clear the other async end events from firing
self._tm = undefined;
self._clearAsync();
// set the after styles
// ******** DOM WRITE ****************
self._playEnd(shouldComplete ? 1 : 0);
// transition finished
self._didFinishAll(shouldComplete, true, false);
}
// set the TRANSITION END event on one of the transition elements
self._unrgTrns = this.plt.transitionEnd(self._transEl(), onTransitionEnd, false);
// set a fallback timeout if the transition end event never fires, or is too slow
// transition end fallback: (animation duration + XXms)
self._tm = self.plt.timeout(onTransitionFallback, (dur + ANIMATION_TRANSITION_END_FALLBACK_PADDING_MS));
};
/**
* @hidden
* DOM WRITE
* RECURSION
* @param {?=} stepValue
* @return {?}
*/
Animation.prototype._playEnd = function (stepValue) {
var /** @type {?} */ children = this._c;
for (var /** @type {?} */ i = 0; i < this._cL; i++) {
// ******** DOM WRITE ****************
children[i]._playEnd(stepValue);
}
if (this._hasDur) {
if (isDefined(stepValue)) {
// too late to have a smooth animation, just finish it
// ******** DOM WRITE ****************
this._setTrans(0, true);
// ensure the ending progress step gets rendered
// ******** DOM WRITE ****************
this._progress(stepValue);
}
// set the after styles
// ******** DOM WRITE ****************
this._setAfterStyles();
// remove the will-change properties
// ******** DOM WRITE ****************
this._willChg(false);
}
};
/**
* @hidden
* NO DOM
* RECURSION
* @param {?} opts
* @return {?}
*/
Animation.prototype._hasDuration = function (opts) {
if (this.getDuration(opts) > ANIMATION_DURATION_MIN) {
return true;
}
var /** @type {?} */ children = this._c;
for (var /** @type {?} */ i = 0; i < this._cL; i++) {
if (children[i]._hasDuration(opts)) {
return true;
}
}
return false;
};
/**
* @hidden
* NO DOM
* RECURSION
* @return {?}
*/
Animation.prototype._hasDomReads = function () {
if (this._rdFn && this._rdFn.length) {
return true;
}
var /** @type {?} */ children = this._c;
for (var /** @type {?} */ i = 0; i < this._cL; i++) {
if (children[i]._hasDomReads()) {
return true;
}
}
return false;
};
/**
* Immediately stop at the end of the animation.
* @param {?=} stepValue
* @return {?}
*/
Animation.prototype.stop = function (stepValue) {
if (stepValue === void 0) { stepValue = 1; }
// ensure all past transition end events have been cleared
this._clearAsync();
this._hasDur = true;
this._playEnd(stepValue);
};
/**
* @hidden
* NO DOM
* NO RECURSION
* @return {?}
*/
Animation.prototype._clearAsync = function () {
this._unrgTrns && this._unrgTrns();
this._tm && clearTimeout(this._tm);
this._tm = this._unrgTrns = undefined;
};
/**
* @hidden
* DOM WRITE
* NO RECURSION
* @param {?} stepValue
* @return {?}
*/
Animation.prototype._progress = function (stepValue) {
// bread 'n butter
var /** @type {?} */ val;
var /** @type {?} */ effects = this._fx;
var /** @type {?} */ nuElements = this._eL;
if (!effects || !nuElements) {
return;
}
// flip the number if we're going in reverse
if (this._rv) {
stepValue = ((stepValue * -1) + 1);
}
var /** @type {?} */ i, /** @type {?} */ j;
var /** @type {?} */ finalTransform = '';
var /** @type {?} */ elements = this._e;
for (i = 0; i < effects.length; i++) {
var /** @type {?} */ fx = effects[i];
if (fx.from && fx.to) {
var /** @type {?} */ fromNum = fx.from.num;
var /** @type {?} */ toNum = fx.to.num;
var /** @type {?} */ tweenEffect = (fromNum !== toNum);
(void 0) /* assert */;
if (tweenEffect) {
this._twn = true;
}
if (stepValue === 0) {
// FROM
val = fx.from.val;
}
else if (stepValue === 1) {
// TO
val = fx.to.val;
}
else if (tweenEffect) {
// EVERYTHING IN BETWEEN
var /** @type {?} */ valNum = (((toNum - fromNum) * stepValue) + fromNum);
var /** @type {?} */ unit = fx.to.unit;
if (unit === 'px') {
valNum = Math.round(valNum);
}
val = valNum + unit;
}
if (val !== null) {
var /** @type {?} */ prop = fx.name;
if (fx.trans) {
finalTransform += prop + '(' + val + ') ';
}
else {
for (j = 0; j < nuElements; j++) {
// ******** DOM WRITE ****************
((elements[j].style))[prop] = val;
}
}
}
}
}
// place all transforms on the same property
if (finalTransform.length) {
if (!this._rv && stepValue !== 1 || this._rv && stepValue !== 0) {
finalTransform += 'translateZ(0px)';
}
var /** @type {?} */ cssTransform = this.plt.Css.transform;
for (i = 0; i < elements.length; i++) {
// ******** DOM WRITE ****************
((elements[i].style))[cssTransform] = finalTransform;
}
}
};
/**
* @hidden
* DOM WRITE
* NO RECURSION
* @param {?} dur
* @param {?} forcedLinearEasing
* @return {?}
*/
Animation.prototype._setTrans = function (dur, forcedLinearEasing) {
// Transition is not enabled if there are not effects
if (!this._fx) {
return;
}
// set the TRANSITION properties inline on the element
var /** @type {?} */ elements = this._e;
var /** @type {?} */ easing = (forcedLinearEasing ? 'linear' : this.getEasing());
var /** @type {?} */ durString = dur + 'ms';
var /** @type {?} */ Css = this.plt.Css;
var /** @type {?} */ cssTransform = Css.transition;
var /** @type {?} */ cssTransitionDuration = Css.transitionDuration;
var /** @type {?} */ cssTransitionTimingFn = Css.transitionTimingFn;
var /** @type {?} */ eleStyle;
for (var /** @type {?} */ i = 0; i < this._eL; i++) {
eleStyle = elements[i].style;
if (dur > 0) {
// ******** DOM WRITE ****************
eleStyle[cssTransform] = '';
eleStyle[cssTransitionDuration] = durString;
// each animation can have a different easing
if (easing) {
// ******** DOM WRITE ****************
eleStyle[cssTransitionTimingFn] = easing;
}
}
else {
eleStyle[cssTransform] = 'none';
}
}
};
/**
* @hidden
* DOM READ
* DOM WRITE
* RECURSION
* @return {?}
*/
Animation.prototype._beforeAnimation = function () {
// fire off all the "before" function that have DOM READS in them
// elements will be in the DOM, however visibily hidden
// so we can read their dimensions if need be
// ******** DOM READ ****************
this._fireBeforeReadFunc();
// ******** DOM READS ABOVE / DOM WRITES BELOW ****************
// fire off all the "before" function that have DOM WRITES in them
// ******** DOM WRITE ****************
this._fireBeforeWriteFunc();
// stage all of the before css classes and inline styles
// ******** DOM WRITE ****************
this._setBeforeStyles();
};
/**
* @hidden
* DOM WRITE
* RECURSION
* @return {?}
*/
Animation.prototype._setBeforeStyles = function () {
var /** @type {?} */ i, /** @type {?} */ j;
var /** @type {?} */ children = this._c;
for (i = 0; i < this._cL; i++) {
children[i]._setBeforeStyles();
}
// before the animations have started
// only set before styles if animation is not reversed
if (this._rv) {
return;
}
var /** @type {?} */ addClasses = this._bfAdd;
var /** @type {?} */ removeClasses = this._bfRm;
var /** @type {?} */ ele;
var /** @type {?} */ eleClassList;
var /** @type {?} */ prop;
for (i = 0; i < this._eL; i++) {
ele = this._e[i];
eleClassList = ele.classList;
// css classes to add before the animation
if (addClasses) {
for (j = 0; j < addClasses.length; j++) {
// ******** DOM WRITE ****************
eleClassList.add(addClasses[j]);
}
}
// css classes to remove before the animation
if (removeClasses) {
for (j = 0; j < removeClasses.length; j++) {
// ******** DOM WRITE ****************
eleClassList.remove(removeClasses[j]);
}
}
// inline styles to add before the animation
if (this._bfSty) {
for (prop in this._bfSty) {
// ******** DOM WRITE ****************
((ele)).style[prop] = this._bfSty[prop];
}
}
}
};
/**
* @hidden
* DOM READ
* RECURSION
* @return {?}
*/
Animation.prototype._fireBeforeReadFunc = function () {
var /** @type {?} */ children = this._c;
for (var /** @type {?} */ i = 0; i < this._cL; i++) {
// ******** DOM READ ****************
children[i]._fireBeforeReadFunc();
}
var /** @type {?} */ readFunctions = this._rdFn;
if (readFunctions) {
for (var /** @type {?} */ i = 0; i < readFunctions.length; i++) {
// ******** DOM READ ****************
readFunctions[i]();
}
}
};
/**
* @hidden
* DOM WRITE
* RECURSION
* @return {?}
*/
Animation.prototype._fireBeforeWriteFunc = function () {
var /** @type {?} */ children = this._c;
for (var /** @type {?} */ i = 0; i < this._cL; i++) {
// ******** DOM WRITE ****************
children[i]._fireBeforeWriteFunc();
}
var /** @type {?} */ writeFunctions = this._wrFn;
if (this._wrFn) {
for (var /** @type {?} */ i = 0; i < writeFunctions.length; i++) {
// ******** DOM WRITE ****************
writeFunctions[i]();
}
}
};
/**
* @hidden
* DOM WRITE
* @return {?}
*/
Animation.prototype._setAfterStyles = function () {
var /** @type {?} */ i, /** @type {?} */ j;
var /** @type {?} */ ele;
var /** @type {?} */ eleClassList;
var /** @type {?} */ elements = this._e;
for (i = 0; i < this._eL; i++) {
ele = elements[i];
eleClassList = ele.classList;
// remove the transition duration/easing
// ******** DOM WRITE ****************
((ele)).style[this.plt.Css.transitionDuration] = ((ele)).style[this.plt.Css.transitionTimingFn] = '';
if (this._rv) {
// finished in reverse direction
// css classes that were added before the animation should be removed
if (this._bfAdd) {
for (j = 0; j < this._bfAdd.length; j++) {
// ******** DOM WRITE ****************
eleClassList.remove(this._bfAdd[j]);
}
}
// css classes that were removed before the animation should be added
if (this._bfRm) {
for (j = 0; j < this._bfRm.length; j++) {
// ******** DOM WRITE ****************
eleClassList.add(this._bfRm[j]);
}
}
// inline styles that were added before the animation should be removed
if (this._bfSty) {
for (var /** @type {?} */ prop in this._bfSty) {
// ******** DOM WRITE ****************
((ele)).style[prop] = '';
}
}
}
else {
// finished in forward direction
// css classes to add after the animation
if (this._afAdd) {
for (j = 0; j < this._afAdd.length; j++) {
// ******** DOM WRITE ****************
eleClassList.add(this._afAdd[j]);
}
}
// css classes to remove after the animation
if (this._afRm) {
for (j = 0; j < this._afRm.length; j++) {
// ******** DOM WRITE ****************
eleClassList.remove(this._afRm[j]);
}
}
// inline styles to add after the animation
if (this._afSty) {
for (var /** @type {?} */ prop in this._afSty) {
// ******** DOM WRITE ****************
((ele)).style[prop] = this._afSty[prop];
}
}
}
}
};
/**
* @hidden
* DOM WRITE
* NO RECURSION
* @param {?} addWillChange
* @return {?}
*/
Animation.prototype._willChg = function (addWillChange) {
var /** @type {?} */ wc;
var /** @type {?} */ effects = this._fx;
var /** @type {?} */ willChange;
if (addWillChange && effects) {
wc = [];
for (var /** @type {?} */ i = 0; i < effects.length; i++) {
var /** @type {?} */ propWC = effects[i].wc;
if (propWC === 'webkitTransform') {
wc.push('transform', '-webkit-transform');
}
else {
wc.push(propWC);
}
}
willChange = wc.join(',');
}
else {
willChange = '';
}
for (var /** @type {?} */ i = 0; i < this._eL; i++) {
// ******** DOM WRITE ****************
((this._e[i])).style.willChange = willChange;
}
};
/**
* Start the animation with a user controlled progress.
* @return {?}
*/
Animation.prototype.progressStart = function () {
// ensure all past transition end events have been cleared
this._clearAsync();
// ******** DOM READ/WRITE ****************
this._beforeAnimation();
// ******** DOM WRITE ****************
this._progressStart();
};
/**
* @hidden
* DOM WRITE
* RECURSION
* @return {?}
*/
Animation.prototype._progressStart = function () {
var /** @type {?} */ children = this._c;
for (var /** @type {?} */ i = 0; i < this._cL; i++) {
// ******** DOM WRITE ****************
children[i]._progressStart();
}
// force no duration, linear easing
// ******** DOM WRITE ****************
this._setTrans(0, true);
// ******** DOM WRITE ****************
this._willChg(true);
};
/**
* Set the progress step for this animation.
* progressStep() is not debounced, so it should not be called faster than 60FPS.
* @param {?} stepValue
* @return {?}
*/
Animation.prototype.progressStep = function (stepValue) {
// only update if the last update was more than 16ms ago
stepValue = Math.min(1, Math.max(0, stepValue));
var /** @type {?} */ children = this._c;
for (var /** @type {?} */ i = 0; i < this._cL; i++) {
// ******** DOM WRITE ****************
children[i].progressStep(stepValue);
}
if (this._rv) {
// if the animation is going in reverse then
// flip the step value: 0 becomes 1, 1 becomes 0
stepValue = ((stepValue * -1) + 1);
}
// ******** DOM WRITE ****************
this._progress(stepValue);
};
/**
* End the progress animation.
* @param {?} shouldComplete
* @param {?} currentStepValue
* @param {?=} dur
* @return {?}
*/
Animation.prototype.progressEnd = function (shouldComplete, currentStepValue, dur) {
if (dur === void 0) { dur = -1; }
(void 0) /* console.debug */;
if (this._rv) {
// if the animation is going in reverse then
// flip the step value: 0 becomes 1, 1 becomes 0
currentStepValue = ((currentStepValue * -1) + 1);
}
var /** @type {?} */ stepValue = shouldComplete ? 1 : 0;
var /** @type {?} */ diff = Math.abs(currentStepValue - stepValue);
if (diff < 0.05) {
dur = 0;
}
else if (dur < 0) {
dur = this._dur;
}
this._isAsync = (dur > 30);
this._progressEnd(shouldComplete, stepValue, dur, this._isAsync);
if (this._isAsync) {
// for the root animation only
// set the async TRANSITION END event
// and run onFinishes when the transition ends
// ******** DOM WRITE ****************
this._asyncEnd(dur, shouldComplete);
// this animation has a duration so we need another RAF
// for the CSS TRANSITION properties to kick in
this.plt && this.plt.raf(this._playToStep.bind(this, stepValue));
}
};
/**
* @hidden
* DOM WRITE
* RECURSION
* @param {?} shouldComplete
* @param {?} stepValue
* @param {?} dur
* @param {?} isAsync
* @return {?}
*/
Animation.prototype._progressEnd = function (shouldComplete, stepValue, dur, isAsync) {
var /** @type {?} */ children = this._c;
for (var /** @type {?} */ i = 0; i < this._cL; i++) {
// ******** DOM WRITE ****************
children[i]._progressEnd(shouldComplete, stepValue, dur, isAsync);
}
if (!isAsync) {
// stop immediately
// set all the animations to their final position
// ******** DOM WRITE ****************
this._progress(stepValue);
this._willChg(false);
this._setAfterStyles();
this._didFinish(shouldComplete);
}
else {
// animate it back to it's ending position
this.isPlaying = true;
this.hasCompleted = false;
this._hasDur = true;
// ******** DOM WRITE ****************
this._willChg(true);
this._setTrans(dur, false);
}
};
/**
* Add a callback to fire when the animation has finished.
* @param {?} callback
* @param {?=} onceTimeCallback
* @param {?=} clearOnFinishCallacks
* @return {?}
*/
Animation.prototype.onFinish = function (callback, onceTimeCallback, clearOnFinishCallacks) {
if (onceTimeCallback === void 0) { onceTimeCallback = false; }
if (clearOnFinishCallacks === void 0) { clearOnFinishCallacks = false; }
if (clearOnFinishCallacks) {
this._fFn = this._fOneFn = undefined;
}
if (onceTimeCallback) {
this._fOneFn = this._fOneFn || [];
this._fOneFn.push(callback);
}
else {
this._fFn = this._fFn || [];
this._fFn.push(callback);
}
return this;
};
/**
* @hidden
* NO DOM
* RECURSION
* @param {?} hasCompleted
* @param {?} finishAsyncAnimations
* @param {?} finishNoDurationAnimations
* @return {?}
*/
Animation.prototype._didFinishAll = function (hasCompleted, finishAsyncAnimations, finishNoDurationAnimations) {
var /** @type {?} */ children = this._c;
for (var /** @type {?} */ i = 0; i < this._cL; i++) {
children[i]._didFinishAll(hasCompleted, finishAsyncAnimations, finishNoDurationAnimations);
}
if (finishAsyncAnimations && this._isAsync || finishNoDurationAnimations && !this._isAsync) {
this._didFinish(hasCompleted);
}
};
/**
* @hidden
* NO RECURSION
* @param {?} hasCompleted
* @return {?}
*/
Animation.prototype._didFinish = function (hasCompleted) {
this.isPlaying = false;
this.hasCompleted = hasCompleted;
if (this._fFn) {
// run all finish callbacks
for (var /** @type {?} */ i = 0; i < this._fFn.length; i++) {
this._fFn[i](this);
}
}
if (this._fOneFn) {
// run all "onetime" finish callbacks
for (var /** @type {?} */ i = 0; i < this._fOneFn.length; i++) {
this._fOneFn[i](this);
}
this._fOneFn.length = 0;
}
};
/**
* Reverse the animation.
* @param {?=} shouldReverse
* @return {?}
*/
Animation.prototype.reverse = function (shouldReverse) {
if (shouldReverse === void 0) { shouldReverse = true; }
var /** @type {?} */ children = this._c;
for (var /** @type {?} */ i = 0; i < this._cL; i++) {
children[i].reverse(shouldReverse);
}
this._rv = shouldReverse;
return this;
};
/**
* Recursively destroy this animation and all child animations.
* @return {?}
*/
Animation.prototype.destroy = function () {
var /** @type {?} */ children = this._c;
for (var /** @type {?} */ i = 0; i < this._cL; i++) {
children[i].destroy();
}
this._clearAsync();
this.parent = this.plt = this._e = this._rdFn = this._wrFn = null;
if (this._c) {
this._c.length = this._cL = 0;
}
if (this._fFn) {
this._fFn.length = 0;
}
if (this._fOneFn) {
this._fOneFn.length = 0;
}
};
/**
* @hidden
* NO DOM
* @return {?}
*/
Animation.prototype._transEl = function () {
// get the lowest level element that has an Animation
var /** @type {?} */ targetEl;
for (var /** @type {?} */ i = 0; i < this._cL; i++) {
targetEl = this._c[i]._transEl();
if (targetEl) {
return targetEl;
}
}
return (this._twn && this._hasDur && this._eL ? this._e[0] : null);
};
return Animation;
}());
var ANIMATION_TRANSFORMS = {
'translateX': 1,
'translateY': 1,
'translateZ': 1,
'scale': 1,
'scaleX': 1,
'scaleY': 1,
'scaleZ': 1,
'rotate': 1,
'rotateX': 1,
'rotateY': 1,
'rotateZ': 1,
'skewX': 1,
'skewY': 1,
'perspective': 1
};
var ANIMATION_CSS_VALUE_REGEX = /(^-?\d*\.?\d*)(.*)/;
var ANIMATION_DURATION_MIN = 32;
var ANIMATION_TRANSITION_END_FALLBACK_PADDING_MS = 400;
var __extends$22 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* @hidden
*
* - play
* - Add before classes - DOM WRITE
* - Remove before classes - DOM WRITE
* - Add before inline styles - DOM WRITE
* - set inline FROM styles - DOM WRITE
* - RAF
* - read toolbar dimensions - DOM READ
* - write content top/bottom padding - DOM WRITE
* - set css transition duration/easing - DOM WRITE
* - RAF
* - set inline TO styles - DOM WRITE
*/
var Transition = (function (_super) {
__extends$22(Transition, _super);
/**
* @param {?} plt
* @param {?} enteringView
* @param {?} leavingView
* @param {?} opts
*/
function Transition(plt, enteringView, leavingView, opts) {
var _this = _super.call(this, plt, null, opts) || this;
_this.enteringView = enteringView;
_this.leavingView = leavingView;
return _this;
}
/**
* @return {?}
*/
Transition.prototype.init = function () { };
/**
* @param {?} trnsStart
* @return {?}
*/
Transition.prototype.registerStart = function (trnsStart) {
this._trnsStart = trnsStart;
};
/**
* @return {?}
*/
Transition.prototype.isRoot = function () {
return !this.parent;
};
/**
* @return {?}
*/
Transition.prototype.start = function () {
this._trnsStart && this._trnsStart();
this._trnsStart = null;
};
/**
* @return {?}
*/
Transition.prototype.destroy = function () {
_super.prototype.destroy.call(this);
this.parent = this.enteringView = this.leavingView = this._trnsStart = null;
};
return Transition;
}(Animation));
var __extends$21 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* @hidden
*/
var PageTransition = (function (_super) {
__extends$21(PageTransition, _super);
function PageTransition() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
PageTransition.prototype.init = function () {
var _this = this;
if (this.enteringView) {
this.enteringPage = new Animation(this.plt, this.enteringView.pageRef());
this.add(this.enteringPage.beforeAddClass('show-page'));
// Resize content before transition starts
this.beforeAddRead(function () {
_this.enteringView.readReady.emit();
});
this.beforeAddWrite(function () {
_this.enteringView.writeReady.emit();
});
}
};
/**
* @return {?}
*/
PageTransition.prototype.destroy = function () {
_super.prototype.destroy.call(this);
this.enteringPage && this.enteringPage.destroy();
this.enteringPage = null;
};
return PageTransition;
}(Transition));
var __extends$20 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
var DURATION = 500;
var EASING = 'cubic-bezier(0.36,0.66,0.04,1)';
var OPACITY = 'opacity';
var TRANSFORM = 'transform';
var TRANSLATEX = 'translateX';
var OFF_RIGHT = '99.5%';
var OFF_LEFT = '-33%';
var CENTER = '0%';
var OFF_OPACITY = 0.8;
var SHOW_BACK_BTN_CSS = 'show-back-button';
var IOSTransition = (function (_super) {
__extends$20(IOSTransition, _super);
function IOSTransition() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
IOSTransition.prototype.init = function () {
_super.prototype.init.call(this);
var /** @type {?} */ plt = this.plt;
var /** @type {?} */ enteringView = this.enteringView;
var /** @type {?} */ leavingView = this.leavingView;
var /** @type {?} */ opts = this.opts;
this.duration(isPresent$1(opts.duration) ? opts.duration : DURATION);
this.easing(isPresent$1(opts.easing) ? opts.easing : EASING);
var /** @type {?} */ backDirection = (opts.direction === 'back');
var /** @type {?} */ enteringHasNavbar = (enteringView && enteringView.hasNavbar());
var /** @type {?} */ leavingHasNavbar = (leavingView && leavingView.hasNavbar());
if (enteringView) {
// get the native element for the entering page
var /** @type {?} */ enteringPageEle = enteringView.pageRef().nativeElement;
// entering content
var /** @type {?} */ enteringContent = new Animation(plt, enteringView.contentRef());
enteringContent.element(enteringPageEle.querySelectorAll('ion-header > *:not(ion-navbar),ion-footer > *'));
this.add(enteringContent);
if (backDirection) {
// entering content, back direction
enteringContent
.fromTo(TRANSLATEX, OFF_LEFT, CENTER, true)
.fromTo(OPACITY, OFF_OPACITY, 1, true);
}
else {
// entering content, forward direction
enteringContent
.beforeClearStyles([OPACITY])
.fromTo(TRANSLATEX, OFF_RIGHT, CENTER, true);
}
if (enteringHasNavbar) {
// entering page has a navbar
var /** @type {?} */ enteringNavbarEle = enteringPageEle.querySelector('ion-navbar');
var /** @type {?} */ enteringNavBar = new Animation(plt, enteringNavbarEle);
this.add(enteringNavBar);
var /** @type {?} */ enteringTitle = new Animation(plt, enteringNavbarEle.querySelector('ion-title'));
var /** @type {?} */ enteringNavbarItems = new Animation(plt, enteringNavbarEle.querySelectorAll('ion-buttons,[menuToggle]'));
var /** @type {?} */ enteringNavbarBg = new Animation(plt, enteringNavbarEle.querySelector('.toolbar-background'));
var /** @type {?} */ enteringBackButton = new Animation(plt, enteringNavbarEle.querySelector('.back-button'));
enteringNavBar
.add(enteringTitle)
.add(enteringNavbarItems)
.add(enteringNavbarBg)
.add(enteringBackButton);
enteringTitle.fromTo(OPACITY, 0.01, 1, true);
enteringNavbarItems.fromTo(OPACITY, 0.01, 1, true);
// set properties depending on direction
if (backDirection) {
// entering navbar, back direction
enteringTitle.fromTo(TRANSLATEX, OFF_LEFT, CENTER, true);
if (enteringView.enableBack()) {
// back direction, entering page has a back button
enteringBackButton
.beforeAddClass(SHOW_BACK_BTN_CSS)
.fromTo(OPACITY, 0.01, 1, true);
}
}
else {
// entering navbar, forward direction
enteringTitle.fromTo(TRANSLATEX, OFF_RIGHT, CENTER, true);
enteringNavbarBg
.beforeClearStyles([OPACITY])
.fromTo(TRANSLATEX, OFF_RIGHT, CENTER, true);
if (enteringView.enableBack()) {
// forward direction, entering page has a back button
enteringBackButton
.beforeAddClass(SHOW_BACK_BTN_CSS)
.fromTo(OPACITY, 0.01, 1, true);
var /** @type {?} */ enteringBackBtnText = new Animation(plt, enteringNavbarEle.querySelector('.back-button-text'));
enteringBackBtnText.fromTo(TRANSLATEX, '100px', '0px');
enteringNavBar.add(enteringBackBtnText);
}
else {
enteringBackButton.beforeRemoveClass(SHOW_BACK_BTN_CSS);
}
}
}
}
// setup leaving view
if (leavingView && leavingView.pageRef()) {
// leaving content
var /** @type {?} */ leavingPageEle = leavingView.pageRef().nativeElement;
var /** @type {?} */ leavingContent = new Animation(plt, leavingView.contentRef());
leavingContent.element(leavingPageEle.querySelectorAll('ion-header > *:not(ion-navbar),ion-footer > *'));
this.add(leavingContent);
if (backDirection) {
// leaving content, back direction
leavingContent
.beforeClearStyles([OPACITY])
.fromTo(TRANSLATEX, CENTER, '100%');
}
else {
// leaving content, forward direction
leavingContent
.fromTo(TRANSLATEX, CENTER, OFF_LEFT)
.fromTo(OPACITY, 1, OFF_OPACITY)
.afterClearStyles([TRANSFORM, OPACITY]);
}
if (leavingHasNavbar) {
// leaving page has a navbar
var /** @type {?} */ leavingNavbarEle = leavingPageEle.querySelector('ion-navbar');
var /** @type {?} */ leavingNavBar = new Animation(plt, leavingNavbarEle);
var /** @type {?} */ leavingTitle = new Animation(plt, leavingNavbarEle.querySelector('ion-title'));
var /** @type {?} */ leavingNavbarItems = new Animation(plt, leavingNavbarEle.querySelectorAll('ion-buttons,[menuToggle]'));
var /** @type {?} */ leavingNavbarBg = new Animation(plt, leavingNavbarEle.querySelector('.toolbar-background'));
var /** @type {?} */ leavingBackButton = new Animation(plt, leavingNavbarEle.querySelector('.back-button'));
leavingNavBar
.add(leavingTitle)
.add(leavingNavbarItems)
.add(leavingBackButton)
.add(leavingNavbarBg);
this.add(leavingNavBar);
// fade out leaving navbar items
leavingBackButton.fromTo(OPACITY, 0.99, 0);
leavingTitle.fromTo(OPACITY, 0.99, 0);
leavingNavbarItems.fromTo(OPACITY, 0.99, 0);
if (backDirection) {
// leaving navbar, back direction
leavingTitle.fromTo(TRANSLATEX, CENTER, '100%');
// leaving navbar, back direction, and there's no entering navbar
// should just slide out, no fading out
leavingNavbarBg
.beforeClearStyles([OPACITY])
.fromTo(TRANSLATEX, CENTER, '100%');
var /** @type {?} */ leavingBackBtnText = new Animation(plt, leavingNavbarEle.querySelector('.back-button-text'));
leavingBackBtnText.fromTo(TRANSLATEX, CENTER, (300) + 'px');
leavingNavBar.add(leavingBackBtnText);
}
else {
// leaving navbar, forward direction
leavingTitle
.fromTo(TRANSLATEX, CENTER, OFF_LEFT)
.afterClearStyles([TRANSFORM]);
leavingBackButton.afterClearStyles([OPACITY]);
leavingTitle.afterClearStyles([OPACITY]);
leavingNavbarItems.afterClearStyles([OPACITY]);
}
}
}
};
return IOSTransition;
}(PageTransition));
var __extends$23 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
var TRANSLATEY = 'translateY';
var OFF_BOTTOM = '40px';
var CENTER$1 = '0px';
var SHOW_BACK_BTN_CSS$1 = 'show-back-button';
var MDTransition = (function (_super) {
__extends$23(MDTransition, _super);
function MDTransition() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
MDTransition.prototype.init = function () {
_super.prototype.init.call(this);
var /** @type {?} */ plt = this.plt;
var /** @type {?} */ enteringView = this.enteringView;
var /** @type {?} */ leavingView = this.leavingView;
var /** @type {?} */ opts = this.opts;
// what direction is the transition going
var /** @type {?} */ backDirection = (opts.direction === 'back');
if (enteringView) {
if (backDirection) {
this.duration(isPresent$1(opts.duration) ? opts.duration : 200).easing('cubic-bezier(0.47,0,0.745,0.715)');
}
else {
this.duration(isPresent$1(opts.duration) ? opts.duration : 280).easing('cubic-bezier(0.36,0.66,0.04,1)');
this.enteringPage
.fromTo(TRANSLATEY, OFF_BOTTOM, CENTER$1, true)
.fromTo('opacity', 0.01, 1, true);
}
if (enteringView.hasNavbar()) {
var /** @type {?} */ enteringPageEle = enteringView.pageRef().nativeElement;
var /** @type {?} */ enteringNavbarEle = enteringPageEle.querySelector('ion-navbar');
var /** @type {?} */ enteringNavBar = new Animation(plt, enteringNavbarEle);
this.add(enteringNavBar);
var /** @type {?} */ enteringBackButton = new Animation(plt, enteringNavbarEle.querySelector('.back-button'));
this.add(enteringBackButton);
if (enteringView.enableBack()) {
enteringBackButton.beforeAddClass(SHOW_BACK_BTN_CSS$1);
}
else {
enteringBackButton.beforeRemoveClass(SHOW_BACK_BTN_CSS$1);
}
}
}
// setup leaving view
if (leavingView && backDirection) {
// leaving content
this.duration(opts.duration || 200).easing('cubic-bezier(0.47,0,0.745,0.715)');
var /** @type {?} */ leavingPage = new Animation(plt, leavingView.pageRef());
this.add(leavingPage.fromTo(TRANSLATEY, CENTER$1, OFF_BOTTOM).fromTo('opacity', 1, 0));
}
};
return MDTransition;
}(PageTransition));
var __extends$24 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
var SHOW_BACK_BTN_CSS$2 = 'show-back-button';
var SCALE_SMALL = .95;
var WPTransition = (function (_super) {
__extends$24(WPTransition, _super);
function WPTransition() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
WPTransition.prototype.init = function () {
_super.prototype.init.call(this);
var /** @type {?} */ plt = this.plt;
var /** @type {?} */ enteringView = this.enteringView;
var /** @type {?} */ leavingView = this.leavingView;
var /** @type {?} */ opts = this.opts;
// what direction is the transition going
var /** @type {?} */ backDirection = (opts.direction === 'back');
if (enteringView) {
if (backDirection) {
this.duration(isPresent$1(opts.duration) ? opts.duration : 120).easing('cubic-bezier(0.47,0,0.745,0.715)');
this.enteringPage.beforeClearStyles(['scale']);
}
else {
this.duration(isPresent$1(opts.duration) ? opts.duration : 280).easing('cubic-bezier(0,0,0.05,1)');
this.enteringPage
.fromTo('scale', SCALE_SMALL, 1, true)
.fromTo('opacity', 0.01, 1, true);
}
if (enteringView.hasNavbar()) {
var /** @type {?} */ enteringPageEle = enteringView.pageRef().nativeElement;
var /** @type {?} */ enteringNavbarEle = enteringPageEle.querySelector('ion-navbar');
var /** @type {?} */ enteringNavBar = new Animation(plt, enteringNavbarEle);
this.add(enteringNavBar);
var /** @type {?} */ enteringBackButton = new Animation(plt, enteringNavbarEle.querySelector('.back-button'));
this.add(enteringBackButton);
if (enteringView.enableBack()) {
enteringBackButton.beforeAddClass(SHOW_BACK_BTN_CSS$2);
}
else {
enteringBackButton.beforeRemoveClass(SHOW_BACK_BTN_CSS$2);
}
}
}
// setup leaving view
if (leavingView && backDirection) {
// leaving content
this.duration(opts.duration || 200).easing('cubic-bezier(0.47,0,0.745,0.715)');
var /** @type {?} */ leavingPage = new Animation(plt, leavingView.pageRef());
this.add(leavingPage.fromTo('scale', 1, SCALE_SMALL).fromTo('opacity', 0.99, 0));
}
};
return WPTransition;
}(PageTransition));
/**
* \@name App
* \@description
* App is a utility class used in Ionic to get information about various aspects of an app
*/
var App = (function () {
/**
* @param {?} _config
* @param {?} _plt
* @param {?=} _menuCtrl
*/
function App(_config, _plt, _menuCtrl) {
this._config = _config;
this._plt = _plt;
this._menuCtrl = _menuCtrl;
this._disTime = 0;
this._scrollTime = 0;
this._title = '';
this._titleSrv = new Title(DOCUMENT);
this._rootNav = null;
/**
* Observable that emits whenever a view loads in the app.
*/
this.viewDidLoad = new EventEmitter();
/**
* Observable that emits before any view is entered in the app.
*/
this.viewWillEnter = new EventEmitter();
/**
* Observable that emits after any view is entered in the app.
*/
this.viewDidEnter = new EventEmitter();
/**
* Observable that emits before any view is exited in the app.
*/
this.viewWillLeave = new EventEmitter();
/**
* Observable that emits after any view is exited in the app.
*/
this.viewDidLeave = new EventEmitter();
/**
* Observable that emits before any view unloads in the app.
*/
this.viewWillUnload = new EventEmitter();
// listen for hardware back button events
// register this back button action with a default priority
_plt.registerBackButtonAction(this.goBack.bind(this));
this._disableScrollAssist = _config.getBoolean('disableScrollAssist', false);
(void 0) /* runInDev */;
_config.setTransition('ios-transition', IOSTransition);
_config.setTransition('md-transition', MDTransition);
_config.setTransition('wp-transition', WPTransition);
}
/**
* Sets the document title.
* @param {?} val
* @return {?}
*/
App.prototype.setTitle = function (val) {
if (val !== this._title) {
this._title = val;
this._titleSrv.setTitle(val);
}
};
/**
* @hidden
* @param {?} className
* @param {?} isAdd
* @return {?}
*/
App.prototype.setElementClass = function (className, isAdd) {
this._appRoot.setElementClass(className, isAdd);
};
/**
* @hidden
* Sets if the app is currently enabled or not, meaning if it's
* available to accept new user commands. For example, this is set to `false`
* while views transition, a modal slides up, an action-sheet
* slides up, etc. After the transition completes it is set back to `true`.
* is used to set the maximum number of milliseconds that app will wait until
* it will automatically enable the app again. It's basically a fallback incase
* something goes wrong during a transition and the app wasn't re-enabled correctly.
* @param {?} isEnabled
* @param {?=} duration
* @param {?=} minDuration
* @return {?}
*/
App.prototype.setEnabled = function (isEnabled, duration, minDuration) {
if (duration === void 0) { duration = 700; }
if (minDuration === void 0) { minDuration = 0; }
this._disTime = (isEnabled ? 0 : Date.now() + duration);
if (this._clickBlock) {
if (isEnabled) {
// disable the click block if it's enabled, or the duration is tiny
this._clickBlock.activate(false, CLICK_BLOCK_BUFFER_IN_MILLIS, minDuration);
}
else {
// show the click block for duration + some number
this._clickBlock.activate(true, duration + CLICK_BLOCK_BUFFER_IN_MILLIS, minDuration);
}
}
};
/**
* @hidden
* Toggles whether an application can be scrolled
* scrolling is enabled. When set to `true`, scrolling is disabled.
* @param {?} disableScroll
* @return {?}
*/
App.prototype._setDisableScroll = function (disableScroll) {
if (this._disableScrollAssist) {
this._appRoot._disableScroll(disableScroll);
}
};
/**
* @hidden
* Boolean if the app is actively enabled or not.
* @return {?}
*/
App.prototype.isEnabled = function () {
var /** @type {?} */ disTime = this._disTime;
if (disTime === 0) {
return true;
}
return (disTime < Date.now());
};
/**
* @hidden
* @return {?}
*/
App.prototype.setScrolling = function () {
this._scrollTime = Date.now() + ACTIVE_SCROLLING_TIME;
};
/**
* Boolean if the app is actively scrolling or not.
* @return {?}
*/
App.prototype.isScrolling = function () {
var /** @type {?} */ scrollTime = this._scrollTime;
if (scrollTime === 0) {
return false;
}
if (scrollTime < Date.now()) {
this._scrollTime = 0;
return false;
}
return true;
};
/**
* @return {?}
*/
App.prototype.getActiveNav = function () {
var /** @type {?} */ portal = this._appRoot._getPortal(PORTAL_MODAL);
if (portal.length() > 0) {
return findTopNav(portal);
}
return findTopNav(this._rootNav || null);
};
/**
* @return {?}
*/
App.prototype.getRootNav = function () {
return this._rootNav;
};
/**
* @hidden
* @param {?} nav
* @return {?}
*/
App.prototype._setRootNav = function (nav) {
this._rootNav = nav;
};
/**
* @hidden
* @param {?} enteringView
* @param {?} opts
* @param {?=} appPortal
* @return {?}
*/
App.prototype.present = function (enteringView, opts, appPortal) {
var /** @type {?} */ portal = this._appRoot._getPortal(appPortal);
// Set Nav must be set here in order to dimiss() work synchnously.
// TODO: move _setNav() to the earlier stages of NavController. _queueTrns()
enteringView._setNav(portal);
opts.keyboardClose = false;
opts.direction = DIRECTION_FORWARD;
if (!opts.animation) {
opts.animation = enteringView.getTransitionName(DIRECTION_FORWARD);
}
enteringView.setLeavingOpts({
keyboardClose: false,
direction: DIRECTION_BACK,
animation: enteringView.getTransitionName(DIRECTION_BACK),
ev: opts.ev
});
return portal.insertPages(-1, [enteringView], opts);
};
/**
* @hidden
* @return {?}
*/
App.prototype.goBack = function () {
if (this._menuCtrl && this._menuCtrl.isOpen()) {
return this._menuCtrl.close();
}
var /** @type {?} */ navPromise = this.navPop();
if (navPromise === null) {
// no views to go back to
// let's exit the app
if (this._config.getBoolean('navExitApp', true)) {
(void 0) /* console.debug */;
this._plt.exitApp();
}
}
return navPromise;
};
/**
* @hidden
* @return {?}
*/
App.prototype.navPop = function () {
if (!this._rootNav || !this.isEnabled()) {
return Promise.resolve();
}
// If there are any alert/actionsheet open, let's do nothing
var /** @type {?} */ portal = this._appRoot._getPortal(PORTAL_DEFAULT);
if (portal.length() > 0) {
return Promise.resolve();
}
// next get the active nav, check itself and climb up all
// of its parent navs until it finds a nav that can pop
return recursivePop(this.getActiveNav());
};
return App;
}());
App.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
App.ctorParameters = function () { return [
{ type: Config, },
{ type: Platform, },
{ type: MenuController, decorators: [{ type: Optional },] },
]; };
/**
* @param {?} nav
* @return {?}
*/
function recursivePop(nav) {
if (!nav) {
return null;
}
if (isNav(nav)) {
var /** @type {?} */ len = nav.length();
if (len > 1 || (nav._isPortal && len > 0)) {
// this nav controller has more than one view
// pop the current view on this nav and we're done here
(void 0) /* console.debug */;
return nav.pop();
}
}
// try again using the parent nav (if there is one)
return recursivePop(nav.parent);
}
/**
* @param {?} nav
* @return {?}
*/
function findTopNav(nav) {
var /** @type {?} */ activeChildNav;
while (nav) {
activeChildNav = nav.getActiveChildNav();
if (!activeChildNav) {
break;
}
nav = activeChildNav;
}
return nav;
}
var ACTIVE_SCROLLING_TIME = 100;
var CLICK_BLOCK_BUFFER_IN_MILLIS = 64;
/**
* @hidden
*/
var GESTURE_GO_BACK_SWIPE = 'goback-swipe';
/**
* @hidden
*/
var GESTURE_MENU_SWIPE = 'menu-swipe';
/**
* @hidden
*/
var GESTURE_ITEM_SWIPE = 'item-swipe';
/**
* @hidden
*/
var GESTURE_REFRESHER = 'refresher';
/**
* @hidden
*/
var GESTURE_TOGGLE = 'toggle';
/**
* @hidden
*/
var GESTURE_PRIORITY_SLIDING_ITEM = -10;
/**
* @hidden
*/
var GESTURE_PRIORITY_REFRESHER = 0;
/**
* @hidden
*/
var GESTURE_PRIORITY_MENU_SWIPE = 10;
/**
* @hidden
*/
var GESTURE_PRIORITY_GO_BACK_SWIPE = 20;
/**
* @hidden
*/
var GESTURE_PRIORITY_TOGGLE = 30;
/**
* @hidden
*/
var BLOCK_ALL = {
disable: [GESTURE_MENU_SWIPE, GESTURE_GO_BACK_SWIPE],
disableScroll: true
};
/**
* @hidden
*/
var GestureController = (function () {
/**
* @param {?} _app
*/
function GestureController(_app) {
this._app = _app;
this.id = 1;
this.requestedStart = {};
this.disabledGestures = {};
this.disabledScroll = new Set();
this.capturedID = null;
}
/**
* @param {?} opts
* @return {?}
*/
GestureController.prototype.createGesture = function (opts) {
if (!opts.name) {
throw new Error('name is undefined');
}
return new GestureDelegate(opts.name, this.newID(), this, opts.priority || 0, !!opts.disableScroll);
};
/**
* @param {?=} opts
* @return {?}
*/
GestureController.prototype.createBlocker = function (opts) {
if (opts === void 0) { opts = {}; }
return new BlockerDelegate(this.newID(), this, opts.disable, !!opts.disableScroll);
};
/**
* @return {?}
*/
GestureController.prototype.newID = function () {
var /** @type {?} */ id = this.id;
this.id++;
return id;
};
/**
* @param {?} gestureName
* @param {?} id
* @param {?} priority
* @return {?}
*/
GestureController.prototype.start = function (gestureName, id, priority) {
if (!this.canStart(gestureName)) {
delete this.requestedStart[id];
return false;
}
this.requestedStart[id] = priority;
return true;
};
/**
* @param {?} gestureName
* @param {?} id
* @param {?} priority
* @return {?}
*/
GestureController.prototype.capture = function (gestureName, id, priority) {
if (!this.start(gestureName, id, priority)) {
return false;
}
var /** @type {?} */ requestedStart = this.requestedStart;
var /** @type {?} */ maxPriority = -10000;
for (var /** @type {?} */ gestureID in requestedStart) {
maxPriority = Math.max(maxPriority, requestedStart[gestureID]);
}
if (maxPriority === priority) {
this.capturedID = id;
this.requestedStart = {};
(void 0) /* console.debug */;
return true;
}
delete requestedStart[id];
(void 0) /* console.debug */;
return false;
};
/**
* @param {?} id
* @return {?}
*/
GestureController.prototype.release = function (id) {
delete this.requestedStart[id];
if (this.capturedID && id === this.capturedID) {
this.capturedID = null;
}
};
/**
* @param {?} gestureName
* @param {?} id
* @return {?}
*/
GestureController.prototype.disableGesture = function (gestureName, id) {
var /** @type {?} */ set = this.disabledGestures[gestureName];
if (!set) {
set = new Set();
this.disabledGestures[gestureName] = set;
}
set.add(id);
};
/**
* @param {?} gestureName
* @param {?} id
* @return {?}
*/
GestureController.prototype.enableGesture = function (gestureName, id) {
var /** @type {?} */ set = this.disabledGestures[gestureName];
if (set) {
set.delete(id);
}
};
/**
* @param {?} id
* @return {?}
*/
GestureController.prototype.disableScroll = function (id) {
var /** @type {?} */ isEnabled = !this.isScrollDisabled();
this.disabledScroll.add(id);
if (this._app && isEnabled && this.isScrollDisabled()) {
(void 0) /* console.debug */;
this._app._setDisableScroll(true);
}
};
/**
* @param {?} id
* @return {?}
*/
GestureController.prototype.enableScroll = function (id) {
var /** @type {?} */ isDisabled = this.isScrollDisabled();
this.disabledScroll.delete(id);
if (this._app && isDisabled && !this.isScrollDisabled()) {
(void 0) /* console.debug */;
this._app._setDisableScroll(false);
}
};
/**
* @param {?} gestureName
* @return {?}
*/
GestureController.prototype.canStart = function (gestureName) {
if (this.capturedID) {
(void 0) /* console.debug */;
// a gesture already captured
return false;
}
if (this.isDisabled(gestureName)) {
(void 0) /* console.debug */;
return false;
}
return true;
};
/**
* @return {?}
*/
GestureController.prototype.isCaptured = function () {
return !!this.capturedID;
};
/**
* @return {?}
*/
GestureController.prototype.isScrollDisabled = function () {
return this.disabledScroll.size > 0;
};
/**
* @param {?} gestureName
* @return {?}
*/
GestureController.prototype.isDisabled = function (gestureName) {
var /** @type {?} */ disabled = this.disabledGestures[gestureName];
if (disabled && disabled.size > 0) {
return true;
}
return false;
};
return GestureController;
}());
GestureController.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
GestureController.ctorParameters = function () { return [
{ type: App, decorators: [{ type: Inject, args: [forwardRef(function () { return App; }),] },] },
]; };
/**
* @hidden
*/
var GestureDelegate = (function () {
/**
* @param {?} name
* @param {?} id
* @param {?} controller
* @param {?} priority
* @param {?} disableScroll
*/
function GestureDelegate(name, id, controller, priority, disableScroll) {
this.name = name;
this.id = id;
this.controller = controller;
this.priority = priority;
this.disableScroll = disableScroll;
}
/**
* @return {?}
*/
GestureDelegate.prototype.canStart = function () {
if (!this.controller) {
(void 0) /* assert */;
return false;
}
return this.controller.canStart(this.name);
};
/**
* @return {?}
*/
GestureDelegate.prototype.start = function () {
if (!this.controller) {
(void 0) /* assert */;
return false;
}
return this.controller.start(this.name, this.id, this.priority);
};
/**
* @return {?}
*/
GestureDelegate.prototype.capture = function () {
if (!this.controller) {
(void 0) /* assert */;
return false;
}
var /** @type {?} */ captured = this.controller.capture(this.name, this.id, this.priority);
if (captured && this.disableScroll) {
this.controller.disableScroll(this.id);
}
return captured;
};
/**
* @return {?}
*/
GestureDelegate.prototype.release = function () {
if (!this.controller) {
(void 0) /* assert */;
return;
}
this.controller.release(this.id);
if (this.disableScroll) {
this.controller.enableScroll(this.id);
}
};
/**
* @return {?}
*/
GestureDelegate.prototype.destroy = function () {
this.release();
this.controller = null;
};
return GestureDelegate;
}());
/**
* @hidden
*/
var BlockerDelegate = (function () {
/**
* @param {?} id
* @param {?} controller
* @param {?} disable
* @param {?} disableScroll
*/
function BlockerDelegate(id, controller, disable, disableScroll) {
this.id = id;
this.controller = controller;
this.disable = disable;
this.disableScroll = disableScroll;
this.blocked = false;
}
/**
* @return {?}
*/
BlockerDelegate.prototype.block = function () {
var _this = this;
if (!this.controller) {
(void 0) /* assert */;
return;
}
if (this.disable) {
this.disable.forEach(function (gesture) {
_this.controller.disableGesture(gesture, _this.id);
});
}
if (this.disableScroll) {
this.controller.disableScroll(this.id);
}
this.blocked = true;
};
/**
* @return {?}
*/
BlockerDelegate.prototype.unblock = function () {
var _this = this;
if (!this.controller) {
(void 0) /* assert */;
return;
}
if (this.disable) {
this.disable.forEach(function (gesture) {
_this.controller.enableGesture(gesture, _this.id);
});
}
if (this.disableScroll) {
this.controller.enableScroll(this.id);
}
this.blocked = false;
};
/**
* @return {?}
*/
BlockerDelegate.prototype.destroy = function () {
this.unblock();
this.controller = null;
};
return BlockerDelegate;
}());
var KEY_LEFT = 37;
var KEY_UP = 38;
var KEY_RIGHT = 39;
var KEY_DOWN = 40;
var KEY_ENTER = 13;
var KEY_ESCAPE = 27;
var KEY_SPACE = 32;
var KEY_TAB = 9;
/**
* @hidden
*/
var ActionSheetCmp = (function () {
/**
* @param {?} _viewCtrl
* @param {?} config
* @param {?} _plt
* @param {?} _elementRef
* @param {?} gestureCtrl
* @param {?} params
* @param {?} renderer
*/
function ActionSheetCmp(_viewCtrl, config, _plt, _elementRef, gestureCtrl, params, renderer) {
this._viewCtrl = _viewCtrl;
this._plt = _plt;
this._elementRef = _elementRef;
this.gestureBlocker = gestureCtrl.createBlocker(BLOCK_ALL);
this.d = params.data;
this.mode = config.get('mode');
renderer.setElementClass(_elementRef.nativeElement, "action-sheet-" + this.mode, true);
if (this.d.cssClass) {
this.d.cssClass.split(' ').forEach(function (cssClass) {
// Make sure the class isn't whitespace, otherwise it throws exceptions
if (cssClass.trim() !== '')
renderer.setElementClass(_elementRef.nativeElement, cssClass, true);
});
}
this.id = (++actionSheetIds);
if (this.d.title) {
this.hdrId = 'acst-hdr-' + this.id;
}
if (this.d.subTitle) {
this.descId = 'acst-subhdr-' + this.id;
}
}
/**
* @return {?}
*/
ActionSheetCmp.prototype.ionViewDidLoad = function () {
var _this = this;
// normalize the data
var /** @type {?} */ buttons = [];
this.d.buttons.forEach(function (button) {
if (typeof button === 'string') {
button = { text: button };
}
if (!button.cssClass) {
button.cssClass = '';
}
if (button.role === 'cancel') {
_this.d.cancelButton = button;
}
else {
if (button.role === 'destructive') {
button.cssClass = (button.cssClass + ' ' || '') + 'action-sheet-destructive';
}
else if (button.role === 'selected') {
button.cssClass = (button.cssClass + ' ' || '') + 'action-sheet-selected';
}
buttons.push(button);
}
});
this.d.buttons = buttons;
};
/**
* @return {?}
*/
ActionSheetCmp.prototype.ionViewWillEnter = function () {
this.gestureBlocker.block();
};
/**
* @return {?}
*/
ActionSheetCmp.prototype.ionViewDidLeave = function () {
this.gestureBlocker.unblock();
};
/**
* @return {?}
*/
ActionSheetCmp.prototype.ionViewDidEnter = function () {
this._plt.focusOutActiveElement();
var /** @type {?} */ focusableEle = this._elementRef.nativeElement.querySelector('button');
if (focusableEle) {
focusableEle.focus();
}
this.enabled = true;
};
/**
* @param {?} ev
* @return {?}
*/
ActionSheetCmp.prototype.keyUp = function (ev) {
if (this.enabled && ev.keyCode === KEY_ESCAPE && this._viewCtrl.isLast()) {
(void 0) /* console.debug */;
this.bdClick();
}
};
/**
* @param {?} button
* @return {?}
*/
ActionSheetCmp.prototype.click = function (button) {
if (!this.enabled) {
return;
}
var /** @type {?} */ shouldDismiss = true;
if (button.handler) {
// a handler has been provided, execute it
if (button.handler() === false) {
// if the return value of the handler is false then do not dismiss
shouldDismiss = false;
}
}
if (shouldDismiss) {
this.dismiss(button.role);
}
};
/**
* @return {?}
*/
ActionSheetCmp.prototype.bdClick = function () {
if (this.enabled && this.d.enableBackdropDismiss) {
if (this.d.cancelButton) {
this.click(this.d.cancelButton);
}
else {
this.dismiss('backdrop');
}
}
};
/**
* @param {?} role
* @return {?}
*/
ActionSheetCmp.prototype.dismiss = function (role) {
var /** @type {?} */ opts = {
minClickBlockDuration: 400
};
return this._viewCtrl.dismiss(null, role, opts);
};
/**
* @return {?}
*/
ActionSheetCmp.prototype.ngOnDestroy = function () {
(void 0) /* assert */;
this.d = null;
this.gestureBlocker.destroy();
};
return ActionSheetCmp;
}());
ActionSheetCmp.decorators = [
{ type: Component, args: [{
selector: 'ion-action-sheet',
template: '<ion-backdrop (click)="bdClick()" [class.backdrop-no-tappable]="!d.enableBackdropDismiss"></ion-backdrop>' +
'<div class="action-sheet-wrapper">' +
'<div class="action-sheet-container">' +
'<div class="action-sheet-group">' +
'<div class="action-sheet-title" id="{{hdrId}}" *ngIf="d.title">{{d.title}}</div>' +
'<div class="action-sheet-sub-title" id="{{descId}}" *ngIf="d.subTitle">{{d.subTitle}}</div>' +
'<button ion-button="action-sheet-button" (click)="click(b)" *ngFor="let b of d.buttons" class="disable-hover" [attr.icon-left]="b.icon ? \'\' : null" [ngClass]="b.cssClass">' +
'<ion-icon [name]="b.icon" *ngIf="b.icon" class="action-sheet-icon"></ion-icon>' +
'{{b.text}}' +
'</button>' +
'</div>' +
'<div class="action-sheet-group" *ngIf="d.cancelButton">' +
'<button ion-button="action-sheet-button" (click)="click(d.cancelButton)" class="action-sheet-cancel disable-hover" [attr.icon-left]="d.cancelButton.icon ? \'\' : null" [ngClass]="d.cancelButton.cssClass">' +
'<ion-icon [name]="d.cancelButton.icon" *ngIf="d.cancelButton.icon" class="action-sheet-icon"></ion-icon>' +
'{{d.cancelButton.text}}' +
'</button>' +
'</div>' +
'</div>' +
'</div>',
host: {
'role': 'dialog',
'[attr.aria-labelledby]': 'hdrId',
'[attr.aria-describedby]': 'descId'
},
encapsulation: ViewEncapsulation.None,
},] },
];
/**
* @nocollapse
*/
ActionSheetCmp.ctorParameters = function () { return [
{ type: ViewController, },
{ type: Config, },
{ type: Platform, },
{ type: ElementRef, },
{ type: GestureController, },
{ type: NavParams, },
{ type: Renderer, },
]; };
ActionSheetCmp.propDecorators = {
'keyUp': [{ type: HostListener, args: ['body:keyup', ['$event'],] },],
};
var actionSheetIds = -1;
var __extends$25 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
var ActionSheetSlideIn = (function (_super) {
__extends$25(ActionSheetSlideIn, _super);
function ActionSheetSlideIn() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
ActionSheetSlideIn.prototype.init = function () {
var /** @type {?} */ ele = this.enteringView.pageRef().nativeElement;
var /** @type {?} */ backdrop = new Animation(this.plt, ele.querySelector('ion-backdrop'));
var /** @type {?} */ wrapper = new Animation(this.plt, ele.querySelector('.action-sheet-wrapper'));
backdrop.fromTo('opacity', 0.01, 0.4);
wrapper.fromTo('translateY', '100%', '0%');
this.easing('cubic-bezier(.36,.66,.04,1)').duration(400).add(backdrop).add(wrapper);
};
return ActionSheetSlideIn;
}(Transition));
var ActionSheetSlideOut = (function (_super) {
__extends$25(ActionSheetSlideOut, _super);
function ActionSheetSlideOut() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
ActionSheetSlideOut.prototype.init = function () {
var /** @type {?} */ ele = this.leavingView.pageRef().nativeElement;
var /** @type {?} */ backdrop = new Animation(this.plt, ele.querySelector('ion-backdrop'));
var /** @type {?} */ wrapper = new Animation(this.plt, ele.querySelector('.action-sheet-wrapper'));
backdrop.fromTo('opacity', 0.4, 0);
wrapper.fromTo('translateY', '0%', '100%');
this.easing('cubic-bezier(.36,.66,.04,1)').duration(300).add(backdrop).add(wrapper);
};
return ActionSheetSlideOut;
}(Transition));
var ActionSheetMdSlideIn = (function (_super) {
__extends$25(ActionSheetMdSlideIn, _super);
function ActionSheetMdSlideIn() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
ActionSheetMdSlideIn.prototype.init = function () {
var /** @type {?} */ ele = this.enteringView.pageRef().nativeElement;
var /** @type {?} */ backdrop = new Animation(this.plt, ele.querySelector('ion-backdrop'));
var /** @type {?} */ wrapper = new Animation(this.plt, ele.querySelector('.action-sheet-wrapper'));
backdrop.fromTo('opacity', 0.01, 0.26);
wrapper.fromTo('translateY', '100%', '0%');
this.easing('cubic-bezier(.36,.66,.04,1)').duration(400).add(backdrop).add(wrapper);
};
return ActionSheetMdSlideIn;
}(Transition));
var ActionSheetMdSlideOut = (function (_super) {
__extends$25(ActionSheetMdSlideOut, _super);
function ActionSheetMdSlideOut() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
ActionSheetMdSlideOut.prototype.init = function () {
var /** @type {?} */ ele = this.leavingView.pageRef().nativeElement;
var /** @type {?} */ backdrop = new Animation(this.plt, ele.querySelector('ion-backdrop'));
var /** @type {?} */ wrapper = new Animation(this.plt, ele.querySelector('.action-sheet-wrapper'));
backdrop.fromTo('opacity', 0.26, 0);
wrapper.fromTo('translateY', '0%', '100%');
this.easing('cubic-bezier(.36,.66,.04,1)').duration(450).add(backdrop).add(wrapper);
};
return ActionSheetMdSlideOut;
}(Transition));
var ActionSheetWpSlideIn = (function (_super) {
__extends$25(ActionSheetWpSlideIn, _super);
function ActionSheetWpSlideIn() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
ActionSheetWpSlideIn.prototype.init = function () {
var /** @type {?} */ ele = this.enteringView.pageRef().nativeElement;
var /** @type {?} */ backdrop = new Animation(this.plt, ele.querySelector('ion-backdrop'));
var /** @type {?} */ wrapper = new Animation(this.plt, ele.querySelector('.action-sheet-wrapper'));
backdrop.fromTo('opacity', 0.01, 0.16);
wrapper.fromTo('translateY', '100%', '0%');
this.easing('cubic-bezier(.36,.66,.04,1)').duration(400).add(backdrop).add(wrapper);
};
return ActionSheetWpSlideIn;
}(Transition));
var ActionSheetWpSlideOut = (function (_super) {
__extends$25(ActionSheetWpSlideOut, _super);
function ActionSheetWpSlideOut() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
ActionSheetWpSlideOut.prototype.init = function () {
var /** @type {?} */ ele = this.leavingView.pageRef().nativeElement;
var /** @type {?} */ backdrop = new Animation(this.plt, ele.querySelector('ion-backdrop'));
var /** @type {?} */ wrapper = new Animation(this.plt, ele.querySelector('.action-sheet-wrapper'));
backdrop.fromTo('opacity', 0.1, 0);
wrapper.fromTo('translateY', '0%', '100%');
this.easing('cubic-bezier(.36,.66,.04,1)').duration(450).add(backdrop).add(wrapper);
};
return ActionSheetWpSlideOut;
}(Transition));
var __extends$19 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* @hidden
*/
var ActionSheet = (function (_super) {
__extends$19(ActionSheet, _super);
/**
* @param {?} app
* @param {?} opts
* @param {?} config
*/
function ActionSheet(app, opts, config) {
var _this = this;
opts.buttons = opts.buttons || [];
opts.enableBackdropDismiss = isPresent$1(opts.enableBackdropDismiss) ? !!opts.enableBackdropDismiss : true;
_this = _super.call(this, ActionSheetCmp, opts, null) || this;
_this._app = app;
_this.isOverlay = true;
config.setTransition('action-sheet-slide-in', ActionSheetSlideIn);
config.setTransition('action-sheet-slide-out', ActionSheetSlideOut);
config.setTransition('action-sheet-md-slide-in', ActionSheetMdSlideIn);
config.setTransition('action-sheet-md-slide-out', ActionSheetMdSlideOut);
config.setTransition('action-sheet-wp-slide-in', ActionSheetWpSlideIn);
config.setTransition('action-sheet-wp-slide-out', ActionSheetWpSlideOut);
return _this;
}
/**
* @hidden
* @param {?} direction
* @return {?}
*/
ActionSheet.prototype.getTransitionName = function (direction) {
var /** @type {?} */ key = 'actionSheet' + (direction === 'back' ? 'Leave' : 'Enter');
return this._nav && this._nav.config.get(key);
};
/**
* @param {?} title
* @return {?}
*/
ActionSheet.prototype.setTitle = function (title) {
this.data.title = title;
return this;
};
/**
* @param {?} subTitle
* @return {?}
*/
ActionSheet.prototype.setSubTitle = function (subTitle) {
this.data.subTitle = subTitle;
return this;
};
/**
* @param {?} button
* @return {?}
*/
ActionSheet.prototype.addButton = function (button) {
this.data.buttons.push(button);
return this;
};
/**
* Present the action sheet instance.
*
* @param {?=} navOptions
* @return {?}
*/
ActionSheet.prototype.present = function (navOptions) {
if (navOptions === void 0) { navOptions = {}; }
navOptions.minClickBlockDuration = navOptions.minClickBlockDuration || 400;
return this._app.present(this, navOptions);
};
return ActionSheet;
}(ViewController));
/**
* \@name ActionSheetController
* \@description
* An Action Sheet is a dialog that lets the user choose from a set of
* options. It appears on top of the app's content, and must be manually
* dismissed by the user before they can resume interaction with the app.
* Dangerous (destructive) options are made obvious in `ios` mode. There are easy
* ways to cancel out of the action sheet, such as tapping the backdrop or
* hitting the escape key on desktop.
*
* An action sheet is created from an array of `buttons`, with each button
* including properties for its `text`, and optionally a `handler` and `role`.
* If a handler returns `false` then the action sheet will not be dismissed. An
* action sheet can also optionally have a `title`, `subTitle` and an `icon`.
*
* A button's `role` property can either be `destructive` or `cancel`. Buttons
* without a role property will have the default look for the platform. Buttons
* with the `cancel` role will always load as the bottom button, no matter where
* they are in the array. All other buttons will be displayed in the order they
* have been added to the `buttons` array. Note: We recommend that `destructive`
* buttons are always the first button in the array, making them the top button.
* Additionally, if the action sheet is dismissed by tapping the backdrop, then
* it will fire the handler from the button with the cancel role.
*
* You can pass all of the action sheet's options in the first argument of
* the create method: `ActionSheet.create(opts)`. Otherwise the action sheet's
* instance has methods to add options, like `setTitle()` or `addButton()`.
*
* \@usage
* ```ts
* import { ActionSheetController } from 'ionic-angular'
*
* export class MyClass{
*
* constructor(public actionSheetCtrl: ActionSheetController) {}
*
* presentActionSheet() {
* let actionSheet = this.actionSheetCtrl.create({
* title: 'Modify your album',
* buttons: [
* {
* text: 'Destructive',
* role: 'destructive',
* handler: () => {
* console.log('Destructive clicked');
* }
* },
* {
* text: 'Archive',
* handler: () => {
* console.log('Archive clicked');
* }
* },
* {
* text: 'Cancel',
* role: 'cancel',
* handler: () => {
* console.log('Cancel clicked');
* }
* }
* ]
* });
*
* actionSheet.present();
* }
* }
* ```
*
* \@advanced
*
* ActionSheet create options
*
* | Option | Type | Description |
* |-----------------------|------------|--------------------------------------------------------------------|
* | title |`string` | The title for the Action Sheet. |
* | subTitle |`string` | The sub-title for the Action Sheet. |
* | cssClass |`string` | Additional classes for custom styles, separated by spaces. |
* | enableBackdropDismiss |`boolean` | If the Action Sheet should close when the user taps the backdrop. |
* | buttons |`array<any>`| An array of buttons to display. |
*
* ActionSheet button options
*
* | Option | Type | Description |
* |----------|----------|--------------------------------------------------------------------------------------------------------------------------------------------------|
* | text | `string` | The buttons text. |
* | icon | `icon` | The buttons icons. |
* | handler | `any` | An express the button should evaluate. |
* | cssClass | `string` | Additional classes for custom styles, separated by spaces. |
* | role | `string` | How the button should be displayed, `destructive` or `cancel`. If not role is provided, it will display the button without any additional styles.|
*
*
* ### Dismissing And Async Navigation
*
* After an action sheet has been dismissed, the app may need to also transition
* to another page depending on the handler's logic. However, because multiple
* transitions were fired at roughly the same time, it's difficult for the
* nav controller to cleanly animate multiple transitions that may
* have been kicked off asynchronously. This is further described in the
* [`Nav Transition Promises`](../../nav/NavController/#nav-transition-promises) section. For action sheets,
* this means it's best to wait for the action sheet to finish its transition
* out before starting a new transition on the same nav controller.
*
* In the example below, after the button has been clicked, its handler
* waits on async operation to complete, *then* it uses `pop` to navigate
* back a page in the same stack. The potential problem is that the async operation
* may have been completed before the action sheet has even finished its transition
* out. In this case, it's best to ensure the action sheet has finished its transition
* out first, *then* start the next transition.
*
* ```ts
* let actionSheet = this.actionSheetCtrl.create({
* title: 'Hello',
* buttons: [{
* text: 'Ok',
* handler: () => {
* // user has clicked the action sheet button
* // begin the action sheet's dimiss transition
* let navTransition = actionSheet.dismiss();
*
* // start some async method
* someAsyncOperation().then(() => {
* // once the async operation has completed
* // then run the next nav transition after the
* // first transition has finished animating out
*
* navTransition.then(() => {
* this.nav.pop();
* });
* });
* return false;
* }
* }]
* });
*
* actionSheet.present();
* ```
*
* It's important to note that the handler returns `false`. A feature of
* button handlers is that they automatically dismiss the action sheet when their button
* was clicked, however, we'll need more control regarding the transition. Because
* the handler returns `false`, then the action sheet does not automatically dismiss
* itself. Instead, you now have complete control of when the action sheet has finished
* transitioning, and the ability to wait for the action sheet to finish transitioning
* out before starting a new transition.
*
*
* \@demo /docs/demos/src/action-sheet/
* @see {\@link /docs/components#action-sheets ActionSheet Component Docs}
*/
var ActionSheetController = (function () {
/**
* @param {?} _app
* @param {?} config
*/
function ActionSheetController(_app, config) {
this._app = _app;
this.config = config;
}
/**
* Open an action sheet with a title, subTitle, and an array of buttons
* @param {?=} opts
* @return {?}
*/
ActionSheetController.prototype.create = function (opts) {
if (opts === void 0) { opts = {}; }
return new ActionSheet(this._app, opts, this.config);
};
return ActionSheetController;
}());
ActionSheetController.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
ActionSheetController.ctorParameters = function () { return [
{ type: App, },
{ type: Config, },
]; };
/**
* @hidden
*/
var AlertCmp = (function () {
/**
* @param {?} _viewCtrl
* @param {?} _elementRef
* @param {?} config
* @param {?} gestureCtrl
* @param {?} params
* @param {?} _renderer
* @param {?} _plt
*/
function AlertCmp(_viewCtrl, _elementRef, config, gestureCtrl, params, _renderer, _plt) {
this._viewCtrl = _viewCtrl;
this._elementRef = _elementRef;
this._renderer = _renderer;
this._plt = _plt;
// gesture blocker is used to disable gestures dynamically
this.gestureBlocker = gestureCtrl.createBlocker(BLOCK_ALL);
this.d = params.data;
this.mode = this.d.mode || config.get('mode');
_renderer.setElementClass(_elementRef.nativeElement, "alert-" + this.mode, true);
if (this.d.cssClass) {
this.d.cssClass.split(' ').forEach(function (cssClass) {
// Make sure the class isn't whitespace, otherwise it throws exceptions
if (cssClass.trim() !== '')
_renderer.setElementClass(_elementRef.nativeElement, cssClass, true);
});
}
this.id = (++alertIds);
this.descId = '';
this.hdrId = 'alert-hdr-' + this.id;
this.subHdrId = 'alert-subhdr-' + this.id;
this.msgId = 'alert-msg-' + this.id;
this.activeId = '';
this.lastClick = 0;
if (this.d.message) {
this.descId = this.msgId;
}
else if (this.d.subTitle) {
this.descId = this.subHdrId;
}
if (!this.d.message) {
this.d.message = '';
}
}
/**
* @return {?}
*/
AlertCmp.prototype.ionViewDidLoad = function () {
var _this = this;
// normalize the data
var /** @type {?} */ data = this.d;
data.buttons = data.buttons.map(function (button) {
if (typeof button === 'string') {
return { text: button };
}
return button;
});
data.inputs = data.inputs.map(function (input, index) {
var /** @type {?} */ r = {
type: input.type || 'text',
name: isPresent$1(input.name) ? input.name : index + '',
placeholder: isPresent$1(input.placeholder) ? input.placeholder : '',
value: isPresent$1(input.value) ? input.value : '',
label: input.label,
checked: !!input.checked,
disabled: !!input.disabled,
id: isPresent$1(input.id) ? input.id : "alert-input-" + _this.id + "-" + index,
handler: isPresent$1(input.handler) ? input.handler : null,
min: isPresent$1(input.min) ? input.min : null,
max: isPresent$1(input.max) ? input.max : null
};
return r;
});
// An alert can be created with several different inputs. Radios,
// checkboxes and inputs are all accepted, but they cannot be mixed.
var /** @type {?} */ inputTypes = [];
data.inputs.forEach(function (input) {
if (inputTypes.indexOf(input.type) < 0) {
inputTypes.push(input.type);
}
});
if (inputTypes.length > 1 && (inputTypes.indexOf('checkbox') > -1 || inputTypes.indexOf('radio') > -1)) {
console.warn("Alert cannot mix input types: " + (inputTypes.join('/')) + ". Please see alert docs for more info.");
}
this.inputType = inputTypes.length ? inputTypes[0] : null;
var /** @type {?} */ checkedInput = this.d.inputs.find(function (input) { return input.checked; });
if (checkedInput) {
this.activeId = checkedInput.id;
}
var /** @type {?} */ hasTextInput = (this.d.inputs.length && this.d.inputs.some(function (i) { return !(NON_TEXT_INPUT_REGEX.test(i.type)); }));
if (hasTextInput && this._plt.is('mobile')) {
// this alert has a text input and it's on a mobile device so we should align
// the alert up high because we need to leave space for the virtual keboard
// this also helps prevent the layout getting all messed up from
// the browser trying to scroll the input into a safe area
this._renderer.setElementClass(this._elementRef.nativeElement, 'alert-top', true);
}
};
/**
* @return {?}
*/
AlertCmp.prototype.ionViewWillEnter = function () {
this.gestureBlocker.block();
};
/**
* @return {?}
*/
AlertCmp.prototype.ionViewDidLeave = function () {
this._plt.focusOutActiveElement();
this.gestureBlocker.unblock();
};
/**
* @return {?}
*/
AlertCmp.prototype.ionViewWillLeave = function () {
this._plt.focusOutActiveElement();
};
/**
* @return {?}
*/
AlertCmp.prototype.ionViewDidEnter = function () {
// focus out of the active element
this._plt.focusOutActiveElement();
// set focus on the first input or button in the alert
// note that this does not always work and bring up the keyboard on
// devices since the focus command must come from the user's touch event
// and ionViewDidEnter is not in the same callstack as the touch event :(
var /** @type {?} */ focusableEle = this._elementRef.nativeElement.querySelector('input,button');
if (focusableEle) {
focusableEle.focus();
}
this.enabled = true;
};
/**
* @param {?} ev
* @return {?}
*/
AlertCmp.prototype.keyUp = function (ev) {
if (this.enabled && this._viewCtrl.isLast()) {
if (ev.keyCode === KEY_ENTER) {
if (this.lastClick + 1000 < Date.now()) {
// do not fire this click if there recently was already a click
// this can happen when the button has focus and used the enter
// key to click the button. However, both the click handler and
// this keyup event will fire, so only allow one of them to go.
(void 0) /* console.debug */;
var /** @type {?} */ button = this.d.buttons[this.d.buttons.length - 1];
this.btnClick(button);
}
}
else if (ev.keyCode === KEY_ESCAPE) {
(void 0) /* console.debug */;
this.bdClick();
}
}
};
/**
* @param {?} button
* @return {?}
*/
AlertCmp.prototype.btnClick = function (button) {
if (!this.enabled) {
return;
}
// keep the time of the most recent button click
this.lastClick = Date.now();
var /** @type {?} */ shouldDismiss = true;
if (button.handler) {
// a handler has been provided, execute it
// pass the handler the values from the inputs
if (button.handler(this.getValues()) === false) {
// if the return value of the handler is false then do not dismiss
shouldDismiss = false;
}
}
if (shouldDismiss) {
this.dismiss(button.role).catch(function () {
(void 0) /* console.debug */;
});
}
};
/**
* @param {?} checkedInput
* @return {?}
*/
AlertCmp.prototype.rbClick = function (checkedInput) {
if (this.enabled) {
this.d.inputs.forEach(function (input) {
input.checked = (checkedInput === input);
});
this.activeId = checkedInput.id;
if (checkedInput.handler) {
checkedInput.handler(checkedInput);
}
}
};
/**
* @param {?} checkedInput
* @return {?}
*/
AlertCmp.prototype.cbClick = function (checkedInput) {
if (this.enabled) {
checkedInput.checked = !checkedInput.checked;
if (checkedInput.handler) {
checkedInput.handler(checkedInput);
}
}
};
/**
* @return {?}
*/
AlertCmp.prototype.bdClick = function () {
if (this.enabled && this.d.enableBackdropDismiss) {
var /** @type {?} */ cancelBtn = this.d.buttons.find(function (b) { return ((b)).role === 'cancel'; });
if (cancelBtn) {
this.btnClick(cancelBtn);
}
else {
this.dismiss('backdrop');
}
}
};
/**
* @param {?} role
* @return {?}
*/
AlertCmp.prototype.dismiss = function (role) {
var /** @type {?} */ opts = {
minClickBlockDuration: 400
};
return this._viewCtrl.dismiss(this.getValues(), role, opts);
};
/**
* @return {?}
*/
AlertCmp.prototype.getValues = function () {
if (this.inputType === 'radio') {
// this is an alert with radio buttons (single value select)
// return the one value which is checked, otherwise undefined
var /** @type {?} */ checkedInput = this.d.inputs.find(function (i) { return i.checked; });
return checkedInput ? checkedInput.value : undefined;
}
if (this.inputType === 'checkbox') {
// this is an alert with checkboxes (multiple value select)
// return an array of all the checked values
return this.d.inputs.filter(function (i) { return i.checked; }).map(function (i) { return i.value; });
}
// this is an alert with text inputs
// return an object of all the values with the input name as the key
var /** @type {?} */ values = {};
this.d.inputs.forEach(function (i) {
values[i.name] = i.value;
});
return values;
};
/**
* @return {?}
*/
AlertCmp.prototype.ngOnDestroy = function () {
(void 0) /* assert */;
this.gestureBlocker.destroy();
};
return AlertCmp;
}());
AlertCmp.decorators = [
{ type: Component, args: [{
selector: 'ion-alert',
template: '<ion-backdrop (click)="bdClick()" [class.backdrop-no-tappable]="!d.enableBackdropDismiss"></ion-backdrop>' +
'<div class="alert-wrapper">' +
'<div class="alert-head">' +
'<h2 id="{{hdrId}}" class="alert-title" *ngIf="d.title" [innerHTML]="d.title"></h2>' +
'<h3 id="{{subHdrId}}" class="alert-sub-title" *ngIf="d.subTitle" [innerHTML]="d.subTitle"></h3>' +
'</div>' +
'<div id="{{msgId}}" class="alert-message" [innerHTML]="d.message"></div>' +
'<div *ngIf="d.inputs.length" [ngSwitch]="inputType">' +
'<ng-template ngSwitchCase="radio">' +
'<div class="alert-radio-group" role="radiogroup" [attr.aria-labelledby]="hdrId" [attr.aria-activedescendant]="activeId">' +
'<button ion-button="alert-radio-button" *ngFor="let i of d.inputs" (click)="rbClick(i)" [attr.aria-checked]="i.checked" [disabled]="i.disabled" [attr.id]="i.id" class="alert-tappable alert-radio" role="radio">' +
'<div class="alert-radio-icon"><div class="alert-radio-inner"></div></div>' +
'<div class="alert-radio-label">' +
'{{i.label}}' +
'</div>' +
'</button>' +
'</div>' +
'</ng-template>' +
'<ng-template ngSwitchCase="checkbox">' +
'<div class="alert-checkbox-group">' +
'<button ion-button="alert-checkbox-button" *ngFor="let i of d.inputs" (click)="cbClick(i)" [attr.aria-checked]="i.checked" [attr.id]="i.id" [disabled]="i.disabled" class="alert-tappable alert-checkbox" role="checkbox">' +
'<div class="alert-checkbox-icon"><div class="alert-checkbox-inner"></div></div>' +
'<div class="alert-checkbox-label">' +
'{{i.label}}' +
'</div>' +
'</button>' +
'</div>' +
'</ng-template>' +
'<ng-template ngSwitchDefault>' +
'<div class="alert-input-group">' +
'<div *ngFor="let i of d.inputs" class="alert-input-wrapper">' +
'<input [placeholder]="i.placeholder" [(ngModel)]="i.value" [type]="i.type" [min]="i.min" [max]="i.max" [attr.id]="i.id" class="alert-input">' +
'</div>' +
'</div>' +
'</ng-template>' +
'</div>' +
'<div class="alert-button-group" [ngClass]="{\'alert-button-group-vertical\':d.buttons.length>2}">' +
'<button ion-button="alert-button" *ngFor="let b of d.buttons" (click)="btnClick(b)" [ngClass]="b.cssClass">' +
'{{b.text}}' +
'</button>' +
'</div>' +
'</div>',
host: {
'role': 'dialog',
'[attr.aria-labelledby]': 'hdrId',
'[attr.aria-describedby]': 'descId'
},
encapsulation: ViewEncapsulation.None,
},] },
];
/**
* @nocollapse
*/
AlertCmp.ctorParameters = function () { return [
{ type: ViewController, },
{ type: ElementRef, },
{ type: Config, },
{ type: GestureController, },
{ type: NavParams, },
{ type: Renderer, },
{ type: Platform, },
]; };
AlertCmp.propDecorators = {
'keyUp': [{ type: HostListener, args: ['body:keyup', ['$event'],] },],
};
var alertIds = -1;
var __extends$27 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* Animations for alerts
*/
var AlertPopIn = (function (_super) {
__extends$27(AlertPopIn, _super);
function AlertPopIn() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
AlertPopIn.prototype.init = function () {
var /** @type {?} */ ele = this.enteringView.pageRef().nativeElement;
var /** @type {?} */ backdrop = new Animation(this.plt, ele.querySelector('ion-backdrop'));
var /** @type {?} */ wrapper = new Animation(this.plt, ele.querySelector('.alert-wrapper'));
wrapper.fromTo('opacity', 0.01, 1).fromTo('scale', 1.1, 1);
backdrop.fromTo('opacity', 0.01, 0.3);
this
.easing('ease-in-out')
.duration(200)
.add(backdrop)
.add(wrapper);
};
return AlertPopIn;
}(Transition));
var AlertPopOut = (function (_super) {
__extends$27(AlertPopOut, _super);
function AlertPopOut() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
AlertPopOut.prototype.init = function () {
var /** @type {?} */ ele = this.leavingView.pageRef().nativeElement;
var /** @type {?} */ backdrop = new Animation(this.plt, ele.querySelector('ion-backdrop'));
var /** @type {?} */ wrapper = new Animation(this.plt, ele.querySelector('.alert-wrapper'));
wrapper.fromTo('opacity', 0.99, 0).fromTo('scale', 1, 0.9);
backdrop.fromTo('opacity', 0.3, 0);
this
.easing('ease-in-out')
.duration(200)
.add(backdrop)
.add(wrapper);
};
return AlertPopOut;
}(Transition));
var AlertMdPopIn = (function (_super) {
__extends$27(AlertMdPopIn, _super);
function AlertMdPopIn() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
AlertMdPopIn.prototype.init = function () {
var /** @type {?} */ ele = this.enteringView.pageRef().nativeElement;
var /** @type {?} */ backdrop = new Animation(this.plt, ele.querySelector('ion-backdrop'));
var /** @type {?} */ wrapper = new Animation(this.plt, ele.querySelector('.alert-wrapper'));
wrapper.fromTo('opacity', 0.01, 1).fromTo('scale', 1.1, 1);
backdrop.fromTo('opacity', 0.01, 0.5);
this
.easing('ease-in-out')
.duration(200)
.add(backdrop)
.add(wrapper);
};
return AlertMdPopIn;
}(Transition));
var AlertMdPopOut = (function (_super) {
__extends$27(AlertMdPopOut, _super);
function AlertMdPopOut() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
AlertMdPopOut.prototype.init = function () {
var /** @type {?} */ ele = this.leavingView.pageRef().nativeElement;
var /** @type {?} */ backdrop = new Animation(this.plt, ele.querySelector('ion-backdrop'));
var /** @type {?} */ wrapper = new Animation(this.plt, ele.querySelector('.alert-wrapper'));
wrapper.fromTo('opacity', 0.99, 0).fromTo('scale', 1, 0.9);
backdrop.fromTo('opacity', 0.5, 0);
this
.easing('ease-in-out')
.duration(200)
.add(backdrop)
.add(wrapper);
};
return AlertMdPopOut;
}(Transition));
var AlertWpPopIn = (function (_super) {
__extends$27(AlertWpPopIn, _super);
function AlertWpPopIn() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
AlertWpPopIn.prototype.init = function () {
var /** @type {?} */ ele = this.enteringView.pageRef().nativeElement;
var /** @type {?} */ backdrop = new Animation(this.plt, ele.querySelector('ion-backdrop'));
var /** @type {?} */ wrapper = new Animation(this.plt, ele.querySelector('.alert-wrapper'));
wrapper.fromTo('opacity', 0.01, 1).fromTo('scale', 1.3, 1);
backdrop.fromTo('opacity', 0.01, 0.5);
this
.easing('cubic-bezier(0,0,0.05,1)')
.duration(200)
.add(backdrop)
.add(wrapper);
};
return AlertWpPopIn;
}(Transition));
var AlertWpPopOut = (function (_super) {
__extends$27(AlertWpPopOut, _super);
function AlertWpPopOut() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
AlertWpPopOut.prototype.init = function () {
var /** @type {?} */ ele = this.leavingView.pageRef().nativeElement;
var /** @type {?} */ backdrop = new Animation(this.plt, ele.querySelector('ion-backdrop'));
var /** @type {?} */ wrapper = new Animation(this.plt, ele.querySelector('.alert-wrapper'));
wrapper.fromTo('opacity', 0.99, 0).fromTo('scale', 1, 1.3);
backdrop.fromTo('opacity', 0.5, 0);
this
.easing('ease-out')
.duration(150)
.add(backdrop)
.add(wrapper);
};
return AlertWpPopOut;
}(Transition));
var __extends$26 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* @hidden
*/
var Alert = (function (_super) {
__extends$26(Alert, _super);
/**
* @param {?} app
* @param {?=} opts
* @param {?=} config
*/
function Alert(app, opts, config) {
if (opts === void 0) { opts = {}; }
var _this = this;
opts.inputs = opts.inputs || [];
opts.buttons = opts.buttons || [];
opts.enableBackdropDismiss = isPresent$1(opts.enableBackdropDismiss) ? !!opts.enableBackdropDismiss : true;
_this = _super.call(this, AlertCmp, opts, null) || this;
_this._app = app;
_this.isOverlay = true;
config.setTransition('alert-pop-in', AlertPopIn);
config.setTransition('alert-pop-out', AlertPopOut);
config.setTransition('alert-md-pop-in', AlertMdPopIn);
config.setTransition('alert-md-pop-out', AlertMdPopOut);
config.setTransition('alert-wp-pop-in', AlertWpPopIn);
config.setTransition('alert-wp-pop-out', AlertWpPopOut);
return _this;
}
/**
* @hidden
* @param {?} direction
* @return {?}
*/
Alert.prototype.getTransitionName = function (direction) {
var /** @type {?} */ key = (direction === 'back' ? 'alertLeave' : 'alertEnter');
return this._nav && this._nav.config.get(key);
};
/**
* @param {?} title
* @return {?}
*/
Alert.prototype.setTitle = function (title) {
this.data.title = title;
return this;
};
/**
* @param {?} subTitle
* @return {?}
*/
Alert.prototype.setSubTitle = function (subTitle) {
this.data.subTitle = subTitle;
return this;
};
/**
* @param {?} message
* @return {?}
*/
Alert.prototype.setMessage = function (message) {
this.data.message = message;
return this;
};
/**
* @param {?} input
* @return {?}
*/
Alert.prototype.addInput = function (input) {
this.data.inputs.push(input);
return this;
};
/**
* @param {?} button
* @return {?}
*/
Alert.prototype.addButton = function (button) {
this.data.buttons.push(button);
return this;
};
/**
* @param {?} cssClass
* @return {?}
*/
Alert.prototype.setCssClass = function (cssClass) {
this.data.cssClass = cssClass;
return this;
};
/**
* @param {?} mode
* @return {?}
*/
Alert.prototype.setMode = function (mode) {
this.data.mode = mode;
};
/**
* Present the alert instance.
*
* @param {?=} navOptions
* @return {?}
*/
Alert.prototype.present = function (navOptions) {
if (navOptions === void 0) { navOptions = {}; }
navOptions.minClickBlockDuration = navOptions.minClickBlockDuration || 400;
return this._app.present(this, navOptions);
};
return Alert;
}(ViewController));
/**
* \@name AlertController
* \@description
* An Alert is a dialog that presents users with information or collects
* information from the user using inputs. An alert appears on top
* of the app's content, and must be manually dismissed by the user before
* they can resume interaction with the app. It can also optionally have a
* `title`, `subTitle` and `message`.
*
* You can pass all of the alert's options in the first argument of
* the create method: `create(opts)`. Otherwise the alert's instance
* has methods to add options, such as `setTitle()` or `addButton()`.
*
*
* ### Alert Buttons
*
* In the array of `buttons`, each button includes properties for its `text`,
* and optionally a `handler`. If a handler returns `false` then the alert
* will not automatically be dismissed when the button is clicked. All
* buttons will show up in the order they have been added to the `buttons`
* array, from left to right. Note: The right most button (the last one in
* the array) is the main button.
*
* Optionally, a `role` property can be added to a button, such as `cancel`.
* If a `cancel` role is on one of the buttons, then if the alert is
* dismissed by tapping the backdrop, then it will fire the handler from
* the button with a cancel role.
*
*
* ### Alert Inputs
*
* Alerts can also include several different inputs whose data can be passed
* back to the app. Inputs can be used as a simple way to prompt users for
* information. Radios, checkboxes and text inputs are all accepted, but they
* cannot be mixed. For example, an alert could have all radio button inputs,
* or all checkbox inputs, but the same alert cannot mix radio and checkbox
* inputs. Do note however, different types of "text"" inputs can be mixed,
* such as `url`, `email`, `text`, etc. If you require a complex form UI
* which doesn't fit within the guidelines of an alert then we recommend
* building the form within a modal instead.
*
*
* \@usage
* ```ts
* constructor(private alertCtrl: AlertController) {
*
* }
*
* presentAlert() {
* let alert = this.alertCtrl.create({
* title: 'Low battery',
* subTitle: '10% of battery remaining',
* buttons: ['Dismiss']
* });
* alert.present();
* }
*
* presentConfirm() {
* let alert = this.alertCtrl.create({
* title: 'Confirm purchase',
* message: 'Do you want to buy this book?',
* buttons: [
* {
* text: 'Cancel',
* role: 'cancel',
* handler: () => {
* console.log('Cancel clicked');
* }
* },
* {
* text: 'Buy',
* handler: () => {
* console.log('Buy clicked');
* }
* }
* ]
* });
* alert.present();
* }
*
* presentPrompt() {
* let alert = this.alertCtrl.create({
* title: 'Login',
* inputs: [
* {
* name: 'username',
* placeholder: 'Username'
* },
* {
* name: 'password',
* placeholder: 'Password',
* type: 'password'
* }
* ],
* buttons: [
* {
* text: 'Cancel',
* role: 'cancel',
* handler: data => {
* console.log('Cancel clicked');
* }
* },
* {
* text: 'Login',
* handler: data => {
* if (User.isValid(data.username, data.password)) {
* // logged in!
* } else {
* // invalid login
* return false;
* }
* }
* }
* ]
* });
* alert.present();
* }
* ```
* \@advanced
*
*
* Alert options
*
* | Property | Type | Description |
* |-----------------------|-----------|---------------------------------------------------------------------------|
* | title | `string` | The title for the alert. |
* | subTitle | `string` | The subtitle for the alert. |
* | message | `string` | The message for the alert. |
* | cssClass | `string` | Additional classes for custom styles, separated by spaces. |
* | inputs | `array` | An array of inputs for the alert. See input options. |
* | buttons | `array` | An array of buttons for the alert. See buttons options. |
* | enableBackdropDismiss | `boolean` | Whether the alert should be dismissed by tapping the backdrop. |
*
*
* Input options
*
* | Property | Type | Description |
* |-------------|-----------|-----------------------------------------------------------------|
* | type | `string` | The type the input should be: text, tel, number, etc. |
* | name | `string` | The name for the input. |
* | placeholder | `string` | The input's placeholder (for textual/numeric inputs) |
* | value | `string` | The input's value. |
* | label | `string` | The input's label (only for radio/checkbox inputs) |
* | checked | `boolean` | Whether or not the input is checked. |
* | id | `string` | The input's id. |
*
* Button options
*
* | Property | Type | Description |
* |----------|----------|-----------------------------------------------------------------|
* | text | `string` | The buttons displayed text. |
* | handler | `any` | Emitted when the button is pressed. |
* | cssClass | `string` | An additional CSS class for the button. |
* | role | `string` | The buttons role, null or `cancel`. |
*
* ### Dismissing And Async Navigation
*
* After an alert has been dismissed, the app may need to also transition
* to another page depending on the handler's logic. However, because multiple
* transitions were fired at roughly the same time, it's difficult for the
* nav controller to cleanly animate multiple transitions that may
* have been kicked off asynchronously. This is further described in the
* [`Nav Transition Promises`](../../nav/NavController) section. For alerts,
* this means it's best to wait for the alert to finish its transition
* out before starting a new transition on the same nav controller.
*
* In the example below, after the alert button has been clicked, its handler
* waits on async operation to complete, *then* it uses `pop` to navigate
* back a page in the same stack. The potential problem is that the async operation
* may have been completed before the alert has even finished its transition
* out. In this case, it's best to ensure the alert has finished its transition
* out first, *then* start the next transition.
*
* ```ts
* let alert = this.alertCtrl.create({
* title: 'Hello',
* buttons: [{
* text: 'Ok',
* handler: () => {
* // user has clicked the alert button
* // begin the alert's dismiss transition
* let navTransition = alert.dismiss();
*
* // start some async method
* someAsyncOperation().then(() => {
* // once the async operation has completed
* // then run the next nav transition after the
* // first transition has finished animating out
*
* navTransition.then(() => {
* this.nav.pop();
* });
* });
* return false;
* }
* }]
* });
*
* alert.present();
* ```
*
* It's important to note that the handler returns `false`. A feature of
* button handlers is that they automatically dismiss the alert when their button
* was clicked, however, we'll need more control regarding the transition. Because
* the handler returns `false`, then the alert does not automatically dismiss
* itself. Instead, you now have complete control of when the alert has finished
* transitioning, and the ability to wait for the alert to finish transitioning
* out before starting a new transition.
*
*
* \@demo /docs/demos/src/alert/
*/
var AlertController = (function () {
/**
* @param {?} _app
* @param {?} config
*/
function AlertController(_app, config) {
this._app = _app;
this.config = config;
}
/**
* Display an alert with a title, inputs, and buttons
* @param {?=} opts
* @return {?}
*/
AlertController.prototype.create = function (opts) {
if (opts === void 0) { opts = {}; }
return new Alert(this._app, opts, this.config);
};
return AlertController;
}());
AlertController.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
AlertController.ctorParameters = function () { return [
{ type: App, },
{ type: Config, },
]; };
/**
* @hidden
*/
var Ion = (function () {
/**
* @param {?} config
* @param {?} elementRef
* @param {?} renderer
* @param {?=} componentName
*/
function Ion(config, elementRef, renderer, componentName) {
this._config = config;
this._elementRef = elementRef;
this._renderer = renderer;
this._componentName = componentName;
if (componentName) {
this._setComponentName();
this._setMode(config.get('mode'));
}
}
Object.defineProperty(Ion.prototype, "color", {
/**
* @return {?}
*/
get: function () {
return this._color;
},
/**
* \@input {string} The color to use from your Sass `$colors` map.
* Default options are: `"primary"`, `"secondary"`, `"danger"`, `"light"`, and `"dark"`.
* For more information, see [Theming your App](/docs/theming/theming-your-app).
* @param {?} val
* @return {?}
*/
set: function (val) {
this._setColor(val);
},
enumerable: true,
configurable: true
});
Object.defineProperty(Ion.prototype, "mode", {
/**
* @return {?}
*/
get: function () {
return this._mode;
},
/**
* \@input {string} The mode determines which platform styles to use.
* Possible values are: `"ios"`, `"md"`, or `"wp"`.
* For more information, see [Platform Styles](/docs/theming/platform-specific-styles).
* @param {?} val
* @return {?}
*/
set: function (val) {
this._setMode(val);
},
enumerable: true,
configurable: true
});
/**
* @hidden
* @param {?} className
* @param {?} isAdd
* @return {?}
*/
Ion.prototype.setElementClass = function (className, isAdd) {
this._renderer.setElementClass(this._elementRef.nativeElement, className, isAdd);
};
/**
* @hidden
* @param {?} attributeName
* @param {?} attributeValue
* @return {?}
*/
Ion.prototype.setElementAttribute = function (attributeName, attributeValue) {
this._renderer.setElementAttribute(this._elementRef.nativeElement, attributeName, attributeValue);
};
/**
* @hidden
* @param {?} property
* @param {?} value
* @return {?}
*/
Ion.prototype.setElementStyle = function (property, value) {
this._renderer.setElementStyle(this._elementRef.nativeElement, property, value);
};
/**
* @hidden
* @param {?} newColor
* @param {?=} componentName
* @return {?}
*/
Ion.prototype._setColor = function (newColor, componentName) {
if (componentName) {
// This is needed for the item-radio
this._componentName = componentName;
}
if (this._color) {
this.setElementClass(this._componentName + "-" + this._mode + "-" + this._color, false);
}
if (newColor) {
this.setElementClass(this._componentName + "-" + this._mode + "-" + newColor, true);
this._color = newColor;
}
};
/**
* @hidden
* @param {?} newMode
* @return {?}
*/
Ion.prototype._setMode = function (newMode) {
if (this._mode) {
this.setElementClass(this._componentName + "-" + this._mode, false);
}
if (newMode) {
this.setElementClass(this._componentName + "-" + newMode, true);
// Remove the color class associated with the previous mode,
// change the mode, then add the new color class
this._setColor(null);
this._mode = newMode;
this._setColor(this._color);
}
};
/**
* @hidden
* @return {?}
*/
Ion.prototype._setComponentName = function () {
this.setElementClass(this._componentName, true);
};
/**
* @hidden
* @return {?}
*/
Ion.prototype.getElementRef = function () {
return this._elementRef;
};
/**
* @hidden
* @return {?}
*/
Ion.prototype.getNativeElement = function () {
return this._elementRef.nativeElement;
};
return Ion;
}());
Ion.propDecorators = {
'color': [{ type: Input },],
'mode': [{ type: Input },],
};
/**
* @hidden
*/
var DeepLinker = (function () {
/**
* @param {?} _app
* @param {?} _serializer
* @param {?} _location
* @param {?} _moduleLoader
* @param {?} _baseCfr
*/
function DeepLinker(_app, _serializer, _location, _moduleLoader, _baseCfr) {
this._app = _app;
this._serializer = _serializer;
this._location = _location;
this._moduleLoader = _moduleLoader;
this._baseCfr = _baseCfr;
/**
* \@internal
*/
this._segments = [];
/**
* \@internal
*/
this._history = [];
}
/**
* \@internal
* @return {?}
*/
DeepLinker.prototype.init = function () {
var _this = this;
// scenario 1: Initial load of all navs from the initial browser URL
var /** @type {?} */ browserUrl = normalizeUrl(this._location.path());
(void 0) /* console.debug */;
// update the Path from the browser URL
this._segments = this._serializer.parse(browserUrl);
// remember this URL in our internal history stack
this._historyPush(browserUrl);
// listen for browser URL changes
this._location.subscribe(function (locationChg) {
_this._urlChange(normalizeUrl(locationChg.url));
});
};
/**
* The browser's location has been updated somehow.
* \@internal
* @param {?} browserUrl
* @return {?}
*/
DeepLinker.prototype._urlChange = function (browserUrl) {
// do nothing if this url is the same as the current one
if (!this._isCurrentUrl(browserUrl)) {
if (this._isBackUrl(browserUrl)) {
// scenario 2: user clicked the browser back button
// scenario 4: user changed the browser URL to what was the back url was
// scenario 5: user clicked a link href that was the back url
(void 0) /* console.debug */;
this._historyPop();
}
else {
// scenario 3: user click forward button
// scenario 4: user changed browser URL that wasn't the back url
// scenario 5: user clicked a link href that wasn't the back url
(void 0) /* console.debug */;
this._historyPush(browserUrl);
}
// get the app's root nav
var /** @type {?} */ appRootNav = (this._app.getRootNav());
if (appRootNav) {
if (browserUrl === '/') {
// a url change to the index url
if (isPresent$1(this._indexAliasUrl)) {
// we already know the indexAliasUrl
// update the url to use the know alias
browserUrl = this._indexAliasUrl;
}
else {
// the url change is to the root but we don't
// already know the url used. So let's just
// reset the root nav to its root page
appRootNav.goToRoot({
updateUrl: false,
isNavRoot: true
});
return;
}
}
// normal url
this._segments = this._serializer.parse(browserUrl);
this._loadNavFromPath(appRootNav);
}
}
};
/**
* Update the deep linker using the NavController's current active view.
* \@internal
* @param {?} direction
* @return {?}
*/
DeepLinker.prototype.navChange = function (direction) {
// all transitions completed
if (direction) {
// get the app's active nav, which is the lowest level one being viewed
var /** @type {?} */ activeNav = this._app.getActiveNav();
if (activeNav) {
// build up the segments of all the navs from the lowest level
this._segments = this._pathFromNavs(activeNav);
// build a string URL out of the Path
var /** @type {?} */ browserUrl = this._serializer.serialize(this._segments);
// update the browser's location
this._updateLocation(browserUrl, direction);
}
}
};
/**
* \@internal
* @param {?} browserUrl
* @param {?} direction
* @return {?}
*/
DeepLinker.prototype._updateLocation = function (browserUrl, direction) {
if (this._indexAliasUrl === browserUrl) {
browserUrl = '/';
}
if (direction === DIRECTION_BACK && this._isBackUrl(browserUrl)) {
// this URL is exactly the same as the back URL
// it's safe to use the browser's location.back()
(void 0) /* console.debug */;
this._historyPop();
this._location.back();
}
else if (!this._isCurrentUrl(browserUrl)) {
// probably navigating forward
(void 0) /* console.debug */;
this._historyPush(browserUrl);
this._location.go(browserUrl);
}
};
/**
* @param {?} componentName
* @return {?}
*/
DeepLinker.prototype.getComponentFromName = function (componentName) {
var /** @type {?} */ link = this._serializer.getLinkFromName(componentName);
if (link) {
// cool, we found the right link for this component name
return this.getNavLinkComponent(link);
}
// umm, idk
return Promise.reject("invalid link: " + componentName);
};
/**
* @param {?} link
* @return {?}
*/
DeepLinker.prototype.getNavLinkComponent = function (link) {
if (link.component) {
// sweet, we're already got a component loaded for this link
return Promise.resolve(link.component);
}
if (link.loadChildren) {
// awesome, looks like we'll lazy load this component
// using loadChildren as the URL to request
return this._moduleLoader.load(link.loadChildren).then(function (response) {
link.component = response.component;
return response.component;
});
}
return Promise.reject("invalid link component: " + link.name);
};
/**
* \@internal
* @param {?} component
* @return {?}
*/
DeepLinker.prototype.resolveComponent = function (component) {
var /** @type {?} */ cfr = this._moduleLoader.getComponentFactoryResolver(component);
if (!cfr) {
cfr = this._baseCfr;
}
return cfr.resolveComponentFactory(component);
};
/**
* \@internal
* @param {?} nav
* @param {?} nameOrComponent
* @param {?} data
* @param {?=} prepareExternalUrl
* @return {?}
*/
DeepLinker.prototype.createUrl = function (nav, nameOrComponent, data, prepareExternalUrl) {
if (prepareExternalUrl === void 0) { prepareExternalUrl = true; }
// create a segment out of just the passed in name
var /** @type {?} */ segment = this._serializer.createSegmentFromName(nameOrComponent);
if (segment) {
var /** @type {?} */ path = this._pathFromNavs(nav, segment.component, data);
// serialize the segments into a browser URL
// and prepare the URL with the location and return
var /** @type {?} */ url = this._serializer.serialize(path);
return prepareExternalUrl ? this._location.prepareExternalUrl(url) : url;
}
return '';
};
/**
* Build a browser URL out of this NavController. Climbs up the tree
* of NavController's to create a string representation of all the
* NavControllers state.
*
* \@internal
* @param {?} nav
* @param {?=} component
* @param {?=} data
* @return {?}
*/
DeepLinker.prototype._pathFromNavs = function (nav, component, data) {
var /** @type {?} */ segments = [];
var /** @type {?} */ view;
var /** @type {?} */ segment;
var /** @type {?} */ tabSelector;
// recursivly climb up the nav ancestors
// and set each segment's data
while (nav) {
// this could be an ion-nav, ion-tab or ion-portal
// if a component and data was already passed in then use it
// otherwise get this nav's active view controller
if (!component && isNav(nav)) {
view = nav.getActive(true);
if (view) {
component = view.component;
data = view.data;
}
}
// the ion-nav or ion-portal has an active view
// serialize the component and its data to a NavSegment
segment = this._serializer.serializeComponent(component, data);
// reset the component/data
component = data = null;
if (!segment) {
break;
}
// add the segment to the path
segments.push(segment);
if (isTab(nav)) {
// this nav is a Tab, which is a child of Tabs
// add a segment to represent which Tab is the selected one
tabSelector = this._getTabSelector(/** @type {?} */ (nav));
segments.push({
id: tabSelector,
name: tabSelector,
component: null,
data: null
});
// a parent to Tab is a Tabs
// we should skip over any Tabs and go to the next parent
nav = nav.parent && nav.parent.parent;
}
else {
// this is an ion-nav
// climb up to the next parent
nav = nav.parent;
}
}
// segments added from bottom to top, so Ti esrever dna ti pilf
return segments.reverse();
};
/**
* \@internal
* @param {?} tab
* @return {?}
*/
DeepLinker.prototype._getTabSelector = function (tab) {
if (isPresent$1(tab.tabUrlPath)) {
return tab.tabUrlPath;
}
if (isPresent$1(tab.tabTitle)) {
return this._serializer.formatUrlPart(tab.tabTitle);
}
return "tab-" + tab.index;
};
/**
* \@internal
* @param {?} tabsNav
* @param {?} pathName
* @param {?=} fallbackIndex
* @return {?}
*/
DeepLinker.prototype.getSelectedTabIndex = function (tabsNav, pathName, fallbackIndex) {
var _this = this;
if (fallbackIndex === void 0) { fallbackIndex = 0; }
// we found a segment which probably represents which tab to select
var /** @type {?} */ indexMatch = pathName.match(/tab-(\d+)/);
if (indexMatch) {
// awesome, the segment name was something "tab-0", and
// the numbe represents which tab to select
return parseInt(indexMatch[1], 10);
}
// wasn't in the "tab-0" format so maybe it's using a word
var /** @type {?} */ tab = tabsNav._tabs.find(function (t) {
return (isPresent$1(t.tabUrlPath) && t.tabUrlPath === pathName) ||
(isPresent$1(t.tabTitle) && _this._serializer.formatUrlPart(t.tabTitle) === pathName);
});
return isPresent$1(tab) ? tab.index : fallbackIndex;
};
/**
* Each NavController will call this method when it initializes for
* the first time. This allows each NavController to figure out
* where it lives in the path and load up the correct component.
* \@internal
* @param {?} nav
* @return {?}
*/
DeepLinker.prototype.initNav = function (nav) {
var /** @type {?} */ path = this._segments;
if (nav && path.length) {
if (!nav.parent) {
// a nav without a parent is always the first nav segment
path[0].navId = nav.id;
return path[0];
}
for (var /** @type {?} */ i = 1; i < path.length; i++) {
if (path[i - 1].navId === nav.parent.id) {
// this nav's parent segment is the one before this segment's index
path[i].navId = nav.id;
return path[i];
}
}
}
return null;
};
/**
* \@internal
* @param {?} segment
* @return {?}
*/
DeepLinker.prototype.initViews = function (segment) {
var _this = this;
var /** @type {?} */ link = this._serializer.getLinkFromName(segment.name);
return this.getNavLinkComponent(link).then(function (component) {
segment.component = component;
var /** @type {?} */ view = new ViewController(component, segment.data);
view.id = segment.id;
if (isArray$2(segment.defaultHistory)) {
return convertToViews(_this, segment.defaultHistory).then(function (views) {
views.push(view);
return views;
});
}
return [view];
});
};
/**
* Using the known Path of Segments, walk down all descendents
* from the root NavController and load each NavController according
* to each Segment. This is usually called after a browser URL and
* Path changes and needs to update all NavControllers to match
* the new browser URL. Because the URL is already known, it will
* not update the browser's URL when transitions have completed.
*
* \@internal
* @param {?} nav
* @param {?=} done
* @return {?}
*/
DeepLinker.prototype._loadNavFromPath = function (nav, done) {
var _this = this;
if (!nav) {
done && done();
}
else {
this._loadViewFromSegment(nav, function () {
_this._loadNavFromPath(nav.getActiveChildNav(), done);
});
}
};
/**
* \@internal
* @param {?} navInstance
* @param {?} done
* @return {?}
*/
DeepLinker.prototype._loadViewFromSegment = function (navInstance, done) {
// load up which nav ids belong to its nav segment
var /** @type {?} */ segment = this.initNav(navInstance);
if (!segment) {
done();
return;
}
if (isTabs(navInstance)) {
((navInstance)).select(this.getSelectedTabIndex(((navInstance)), segment.name), {
updateUrl: false,
animate: false
});
done();
return;
}
var /** @type {?} */ nav = (navInstance);
// walk backwards to see if the exact view we want to show here
// is already in the stack that we can just pop back to
var /** @type {?} */ view;
var /** @type {?} */ count = nav.length() - 1;
for (var /** @type {?} */ i = count; i >= 0; i--) {
view = nav.getByIndex(i);
if (view && view.id === segment.id) {
// hooray! we've already got a view loaded in the stack
// matching the view they wanted to show
if (i === count) {
// this is the last view in the stack and it's the same
// as the segment so there's no change needed
done();
}
else {
// it's not the exact view as the end
// let's have this nav go back to this exact view
nav.popTo(view, {
animate: false,
updateUrl: false,
}, done);
}
return;
}
}
// ok, so they must be pushing a new view to the stack
// since we didn't find this same component already in the stack
nav.push(segment.component, segment.data, {
id: segment.id, animate: false, updateUrl: false
}, done);
};
/**
* \@internal
* @param {?} browserUrl
* @return {?}
*/
DeepLinker.prototype._isBackUrl = function (browserUrl) {
return (browserUrl === this._history[this._history.length - 2]);
};
/**
* \@internal
* @param {?} browserUrl
* @return {?}
*/
DeepLinker.prototype._isCurrentUrl = function (browserUrl) {
return (browserUrl === this._history[this._history.length - 1]);
};
/**
* \@internal
* @param {?} browserUrl
* @return {?}
*/
DeepLinker.prototype._historyPush = function (browserUrl) {
if (!this._isCurrentUrl(browserUrl)) {
this._history.push(browserUrl);
if (this._history.length > 30) {
this._history.shift();
}
}
};
/**
* \@internal
* @return {?}
*/
DeepLinker.prototype._historyPop = function () {
this._history.pop();
if (!this._history.length) {
this._historyPush(this._location.path());
}
};
return DeepLinker;
}());
/**
* @param {?} app
* @param {?} serializer
* @param {?} location
* @param {?} moduleLoader
* @param {?} cfr
* @return {?}
*/
function setupDeepLinker(app, serializer, location, moduleLoader, cfr) {
var /** @type {?} */ deepLinker = new DeepLinker(app, serializer, location, moduleLoader, cfr);
deepLinker.init();
return deepLinker;
}
/**
* @param {?} browserUrl
* @return {?}
*/
function normalizeUrl(browserUrl) {
browserUrl = browserUrl.trim();
if (browserUrl.charAt(0) !== '/') {
// ensure first char is a /
browserUrl = '/' + browserUrl;
}
if (browserUrl.length > 1 && browserUrl.charAt(browserUrl.length - 1) === '/') {
// ensure last char is not a /
browserUrl = browserUrl.substr(0, browserUrl.length - 1);
}
return browserUrl;
}
/**
* Adopted from FastDom
* https://github.com/wilsonpage/fastdom
* MIT License
*/
/**
* @hidden
*/
var DomDebouncer = (function () {
/**
* @param {?} dom
*/
function DomDebouncer(dom) {
this.dom = dom;
this.writeTask = null;
this.readTask = null;
}
/**
* @param {?} fn
* @return {?}
*/
DomDebouncer.prototype.read = function (fn) {
var _this = this;
if (this.readTask) {
return;
}
return this.readTask = this.dom.read(function (t) {
_this.readTask = null;
fn(t);
});
};
/**
* @param {?} fn
* @param {?=} ctx
* @return {?}
*/
DomDebouncer.prototype.write = function (fn, ctx) {
var _this = this;
if (this.writeTask) {
return;
}
return this.writeTask = this.dom.write(function (t) {
_this.writeTask = null;
fn(t);
});
};
/**
* @return {?}
*/
DomDebouncer.prototype.cancel = function () {
var /** @type {?} */ writeTask = this.writeTask;
writeTask && this.dom.cancel(writeTask);
var /** @type {?} */ readTask = this.readTask;
readTask && this.dom.cancel(readTask);
this.readTask = this.writeTask = null;
};
return DomDebouncer;
}());
/**
* @hidden
*/
var DomController = (function () {
/**
* @param {?} plt
*/
function DomController(plt) {
this.plt = plt;
this.r = [];
this.w = [];
}
/**
* @return {?}
*/
DomController.prototype.debouncer = function () {
return new DomDebouncer(this);
};
/**
* @param {?} fn
* @param {?=} timeout
* @return {?}
*/
DomController.prototype.read = function (fn, timeout) {
var _this = this;
if (timeout) {
((fn)).timeoutId = this.plt.timeout(function () {
_this.r.push(fn);
_this._queue();
}, timeout);
}
else {
this.r.push(fn);
this._queue();
}
return fn;
};
/**
* @param {?} fn
* @param {?=} timeout
* @return {?}
*/
DomController.prototype.write = function (fn, timeout) {
var _this = this;
if (timeout) {
((fn)).timeoutId = this.plt.timeout(function () {
_this.w.push(fn);
_this._queue();
}, timeout);
}
else {
this.w.push(fn);
this._queue();
}
return fn;
};
/**
* @param {?} fn
* @return {?}
*/
DomController.prototype.cancel = function (fn) {
if (fn) {
if (fn.timeoutId) {
this.plt.cancelTimeout(fn.timeoutId);
}
removeArrayItem(this.r, fn) || removeArrayItem(this.w, fn);
}
};
/**
* @return {?}
*/
DomController.prototype._queue = function () {
var /** @type {?} */ self = this;
if (!self.q) {
self.q = true;
self.plt.raf(function rafCallback(timeStamp) {
self._flush(timeStamp);
});
}
};
/**
* @param {?} timeStamp
* @return {?}
*/
DomController.prototype._flush = function (timeStamp) {
var /** @type {?} */ err;
try {
dispatch(timeStamp, this.r, this.w);
}
catch (e) {
err = e;
}
this.q = false;
if (this.r.length || this.w.length) {
this._queue();
}
if (err) {
throw err;
}
};
return DomController;
}());
DomController.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
DomController.ctorParameters = function () { return [
{ type: Platform, },
]; };
/**
* @param {?} timeStamp
* @param {?} r
* @param {?} w
* @return {?}
*/
function dispatch(timeStamp, r, w) {
var /** @type {?} */ fn;
// ******** DOM READS ****************
while (fn = r.shift()) {
fn(timeStamp);
}
// ******** DOM WRITES ****************
while (fn = w.shift()) {
fn(timeStamp);
}
}
/**
* \@name Keyboard
* \@description
* The `Keyboard` class allows you to work with the keyboard events provided
* by the Ionic keyboard plugin.
*
* \@usage
* ```ts
* export class MyClass {
* constructor(public keyboard: Keyboard) {
*
* }
* }
* ```
*/
var Keyboard = (function () {
/**
* @param {?} config
* @param {?} _plt
* @param {?} _zone
* @param {?} _dom
*/
function Keyboard(config, _plt, _zone, _dom) {
var _this = this;
this._plt = _plt;
this._zone = _zone;
this._dom = _dom;
this.focusOutline(config.get('focusOutline'));
var win = _plt.win();
_plt.registerListener(win, 'native.keyboardhide', function () {
_plt.cancelTimeout(_this._tmr);
_this._tmr = _plt.timeout(function () {
// this custom cordova plugin event fires when the keyboard will hide
// useful when the virtual keyboard is closed natively
// https://github.com/driftyco/ionic-plugin-keyboard
if (_this.isOpen()) {
_this._plt.focusOutActiveElement();
}
}, 80);
}, { zone: false, passive: true });
_plt.registerListener(win, 'native.keyboardshow', function () {
_plt.cancelTimeout(_this._tmr);
}, { zone: false, passive: true });
}
/**
* Check to see if the keyboard is open or not.
*
* ```ts
* export class MyClass {
* constructor(public keyboard: Keyboard) {
*
* }
*
* keyboardCheck() {
* console.log('The keyboard is open:', this.keyboard.isOpen());
* }
* }
* ```
*
* @return {?}
*/
Keyboard.prototype.isOpen = function () {
return this.hasFocusedTextInput();
};
/**
* When the keyboard is closed, call any methods you want.
*
* ```ts
* export class MyClass {
* constructor(public keyboard: Keyboard) {
* this.keyboard.onClose(this.closeCallback);
* }
* closeCallback() {
* // call what ever functionality you want on keyboard close
* console.log('Closing time');
* }
* }
* ```
*
* @param {?} callback
* @param {?=} pollingInternval
* @param {?=} pollingChecksMax
* @return {?}
*/
Keyboard.prototype.onClose = function (callback, pollingInternval, pollingChecksMax) {
if (pollingInternval === void 0) { pollingInternval = KEYBOARD_CLOSE_POLLING; }
if (pollingChecksMax === void 0) { pollingChecksMax = KEYBOARD_POLLING_CHECKS_MAX; }
(void 0) /* console.debug */;
var /** @type {?} */ self = this;
var /** @type {?} */ checks = 0;
var /** @type {?} */ promise = null;
if (!callback) {
// a callback wasn't provided, so let's return a promise instead
promise = new Promise(function (resolve) { callback = resolve; });
}
/**
* @return {?}
*/
function checkKeyboard() {
(void 0) /* console.debug */;
if (!self.isOpen() || checks > pollingChecksMax) {
self._plt.timeout(function () {
self._zone.run(function () {
(void 0) /* console.debug */;
callback();
});
}, 400);
}
else {
self._plt.timeout(checkKeyboard, pollingInternval);
}
checks++;
}
self._plt.timeout(checkKeyboard, pollingInternval);
return promise;
};
/**
* Programmatically close the keyboard.
* @return {?}
*/
Keyboard.prototype.close = function () {
var _this = this;
this._dom.read(function () {
if (_this.isOpen()) {
// only focus out when a text input has focus
(void 0) /* console.debug */;
_this._dom.write(function () {
_this._plt.focusOutActiveElement();
});
}
});
};
/**
* @hidden
* @param {?} setting
* @return {?}
*/
Keyboard.prototype.focusOutline = function (setting) {
/* Focus Outline
* --------------------------------------------------
* By default, when a keydown event happens from a tab key, then
* the 'focus-outline' css class is added to the body element
* so focusable elements have an outline. On a mousedown or
* touchstart event, then the 'focus-outline' css class is removed.
*
* Config default overrides:
* focusOutline: true - Always add the focus-outline
* focusOutline: false - Do not add the focus-outline
*/
var /** @type {?} */ self = this;
var /** @type {?} */ platform = self._plt;
var /** @type {?} */ doc = platform.doc();
var /** @type {?} */ isKeyInputEnabled = false;
var /** @type {?} */ unRegMouse;
var /** @type {?} */ unRegTouch;
var /** @type {?} */ evOpts = { passive: true, zone: false };
/**
* @return {?}
*/
function cssClass() {
self._dom.write(function () {
((platform.doc().body.classList))[isKeyInputEnabled ? 'add' : 'remove']('focus-outline');
});
}
if (setting === true) {
isKeyInputEnabled = true;
return cssClass();
}
else if (setting === false) {
return;
}
/**
* @param {?} ev
* @return {?}
*/
function keyDown(ev) {
if (!isKeyInputEnabled && ev.keyCode === KEY_TAB) {
isKeyInputEnabled = true;
enableKeyInput();
}
}
/**
* @return {?}
*/
function pointerDown() {
isKeyInputEnabled = false;
enableKeyInput();
}
/**
* @return {?}
*/
function enableKeyInput() {
cssClass();
unRegMouse && unRegMouse();
unRegTouch && unRegTouch();
if (isKeyInputEnabled) {
// listen for when a mousedown or touchstart event happens
unRegMouse = platform.registerListener(doc, 'mousedown', pointerDown, evOpts);
unRegTouch = platform.registerListener(doc, 'touchstart', pointerDown, evOpts);
}
}
// always listen for tab keydown events
platform.registerListener(platform.doc(), 'keydown', keyDown, evOpts);
};
/**
* @return {?}
*/
Keyboard.prototype.hasFocusedTextInput = function () {
var /** @type {?} */ activeEle = this._plt.getActiveElement();
if (isTextInput(activeEle)) {
return (activeEle.parentElement.querySelector(':focus') === activeEle);
}
return false;
};
return Keyboard;
}());
Keyboard.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
Keyboard.ctorParameters = function () { return [
{ type: Config, },
{ type: Platform, },
{ type: NgZone, },
{ type: DomController, },
]; };
var KEYBOARD_CLOSE_POLLING = 150;
var KEYBOARD_POLLING_CHECKS_MAX = 100;
/**
* \@name NavController
* \@description
*
* NavController is the base class for navigation controller components like
* [`Nav`](../../components/nav/Nav/) and [`Tab`](../../components/tabs/Tab/). You use navigation controllers
* to navigate to [pages](#view-creation) in your app. At a basic level, a
* navigation controller is an array of pages representing a particular history
* (of a Tab for example). This array can be manipulated to navigate throughout
* an app by pushing and popping pages or inserting and removing them at
* arbitrary locations in history.
*
* The current page is the last one in the array, or the top of the stack if we
* think of it that way. [Pushing](#push) a new page onto the top of the
* navigation stack causes the new page to be animated in, while [popping](#pop)
* the current page will navigate to the previous page in the stack.
*
* Unless you are using a directive like [NavPush](../../components/nav/NavPush/), or need a
* specific NavController, most times you will inject and use a reference to the
* nearest NavController to manipulate the navigation stack.
*
* ## Basic usage
* The simplest way to navigate through an app is to create and initialize a new
* nav controller using the `<ion-nav>` component. `ion-nav` extends the `NavController`
* class.
*
* ```typescript
* import { Component } from `\@angular/core`;
* import { StartPage } from './start-page';
*
* \@Component(
* template: `<ion-nav [root]="rootPage"></ion-nav>`
* })
* class MyApp {
* // set the rootPage to the first page we want displayed
* public rootPage: any = StartPage;
*
* constructor(){
* }
* }
*
* ```
*
* ### Injecting NavController
* Injecting NavController will always get you an instance of the nearest
* NavController, regardless of whether it is a Tab or a Nav.
*
* Behind the scenes, when Ionic instantiates a new NavController, it creates an
* injector with NavController bound to that instance (usually either a Nav or
* Tab) and adds the injector to its own providers. For more information on
* providers and dependency injection, see [Dependency Injection](https://angular.io/docs/ts/latest/guide/dependency-injection.html).
*
* Instead, you can inject NavController and know that it is the correct
* navigation controller for most situations (for more advanced situations, see
* [Menu](../../menu/Menu/) and [Tab](../../tab/Tab/)).
*
* ```ts
* import { NavController } from 'ionic-angular';
*
* class MyComponent {
* constructor(public navCtrl: NavController) {
*
* }
* }
* ```
*
* ### Navigating from the Root component
* What if you want to control navigation from your root app component?
* You can't inject `NavController` because any components that are navigation
* controllers are _children_ of the root component so they aren't available
* to be injected.
*
* By adding a reference variable to the `ion-nav`, you can use `\@ViewChild` to
* get an instance of the `Nav` component, which is a navigation controller
* (it extends `NavController`):
*
* ```typescript
*
* import { Component, ViewChild } from '\@angular/core';
* import { NavController } from 'ionic-angular';
*
* \@Component({
* template: '<ion-nav #myNav [root]="rootPage"></ion-nav>'
* })
* export class MyApp {
* \@ViewChild('myNav') nav: NavController
* public rootPage = TabsPage;
*
* // Wait for the components in MyApp's template to be initialized
* // In this case, we are waiting for the Nav with reference variable of "#myNav"
* ngOnInit() {
* // Let's navigate from TabsPage to Page1
* this.nav.push(Page1);
* }
* }
* ```
*
* ### Navigating from an Overlay Component
* What if you wanted to navigate from an overlay component (popover, modal, alert, etc)?
* In this example, we've displayed a popover in our app. From the popover, we'll get a
* reference of the root `NavController` in our app, using the `getRootNav()` method.
*
*
* ```typescript
* import { Component } from '\@angular/core';
* import { App, ViewController } from 'ionic-angular';
*
* \@Component({
* template: `
* <ion-content>
* <h1>My PopoverPage</h1>
* <button ion-button (click)="pushPage()">Call pushPage</button>
* </ion-content>
* `
* })
* class PopoverPage {
* constructor(
* public viewCtrl: ViewController
* public appCtrl: App
* ) {}
*
* pushPage() {
* this.viewCtrl.dismiss();
* this.appCtrl.getRootNav().push(SecondPage);
* }
* }
* ```
*
*
* ## View creation
* Views are created when they are added to the navigation stack. For methods
* like [push()](#push), the NavController takes any component class that is
* decorated with `\@Component` as its first argument. The NavController then
* compiles that component, adds it to the app and animates it into view.
*
* By default, pages are cached and left in the DOM if they are navigated away
* from but still in the navigation stack (the exiting page on a `push()` for
* example). They are destroyed when removed from the navigation stack (on
* [pop()](#pop) or [setRoot()](#setRoot)).
*
* ## Pushing a View
* To push a new view onto the navigation stack, use the `push` method.
* If the page has an [`<ion-navbar>`](../../navbar/Navbar/),
* a back button will automatically be added to the pushed view.
*
* Data can also be passed to a view by passing an object to the `push` method.
* The pushed view can then receive the data by accessing it via the `NavParams`
* class.
*
* ```typescript
* import { Component } from '\@angular/core';
* import { NavController } from 'ionic-angular';
* import { OtherPage } from './other-page';
* \@Component({
* template: `
* <ion-header>
* <ion-navbar>
* <ion-title>Login</ion-title>
* </ion-navbar>
* </ion-header>
*
* <ion-content>
* <button ion-button (click)="pushPage()">
* Go to OtherPage
* </button>
* </ion-content>
* `
* })
* export class StartPage {
* constructor(public navCtrl: NavController) {
* }
*
* pushPage(){
* // push another page onto the navigation stack
* // causing the nav controller to transition to the new page
* // optional data can also be passed to the pushed page.
* this.navCtrl.push(OtherPage, {
* id: "123",
* name: "Carl"
* });
* }
* }
*
* import { NavParams } from 'ionic-angular';
*
* \@Component({
* template: `
* <ion-header>
* <ion-navbar>
* <ion-title>Other Page</ion-title>
* </ion-navbar>
* </ion-header>
* <ion-content>I'm the other page!</ion-content>`
* })
* class OtherPage {
* constructor(private navParams: NavParams) {
* let id = navParams.get('id');
* let name = navParams.get('name');
* }
* }
* ```
*
* ## Removing a view
* To remove a view from the stack, use the `pop` method.
* Popping a view will transition to the previous view.
*
* ```ts
* import { Component } from '\@angular/core';
* import { NavController } from 'ionic-angular';
*
* \@Component({
* template: `
* <ion-header>
* <ion-navbar>
* <ion-title>Other Page</ion-title>
* </ion-navbar>
* </ion-header>
* <ion-content>I'm the other page!</ion-content>`
* })
* class OtherPage {
* constructor(public navCtrl: NavController ){
* }
*
* popView(){
* this.navCtrl.pop();
* }
* }
* ```
*
* ## Lifecycle events
* Lifecycle events are fired during various stages of navigation. They can be
* defined in any component type which is pushed/popped from a `NavController`.
*
* ```ts
* import { Component } from '\@angular/core';
*
* \@Component({
* template: 'Hello World'
* })
* class HelloWorld {
* ionViewDidLoad() {
* console.log("I'm alive!");
* }
* ionViewWillLeave() {
* console.log("Looks like I'm about to leave :(");
* }
* }
* ```
*
* | Page Event | Returns | Description |
* |---------------------|-----------------------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
* | `ionViewDidLoad` | void | Runs when the page has loaded. This event only happens once per page being created. If a page leaves but is cached, then this event will not fire again on a subsequent viewing. The `ionViewDidLoad` event is good place to put your setup code for the page. |
* | `ionViewWillEnter` | void | Runs when the page is about to enter and become the active page. |
* | `ionViewDidEnter` | void | Runs when the page has fully entered and is now the active page. This event will fire, whether it was the first load or a cached page. |
* | `ionViewWillLeave` | void | Runs when the page is about to leave and no longer be the active page. |
* | `ionViewDidLeave` | void | Runs when the page has finished leaving and is no longer the active page. |
* | `ionViewWillUnload` | void | Runs when the page is about to be destroyed and have its elements removed. |
* | `ionViewCanEnter` | boolean/Promise<void> | Runs before the view can enter. This can be used as a sort of "guard" in authenticated views where you need to check permissions before the view can enter |
* | `ionViewCanLeave` | boolean/Promise<void> | Runs before the view can leave. This can be used as a sort of "guard" in authenticated views where you need to check permissions before the view can leave |
*
*
* ## Nav Guards
*
* In some cases, a developer should be able to control views leaving and entering. To allow for this, NavController has the `ionViewCanEnter` and `ionViewCanLeave` methods.
* Similar to Angular 2 route guards, but are more integrated with NavController. For example, if you wanted to prevent a user from leaving a view:
*
* ```ts
* export class MyClass{
* constructor(
* public navCtrl: NavController
* ){}
*
* pushPage(){
* this.navCtrl.push(DetailPage)
* .catch(()=> console.log('should I stay or should I go now'))
* }
*
* ionViewCanLeave(): boolean{
* // here we can either return true or false
* // depending on if we want to leave this view
* if(isValid(randomValue)){
* return true;
* } else {
* return false;
* }
* }
* }
* ```
*
* We need to make sure that or `navCtrl.push` has a catch in order to catch the and handle the error.
* If you need to prevent a view from entering, you can do the same thing
*
* ```ts
* export class MyClass{
* constructor(
* public navCtrl: NavController
* ){}
*
* pushPage(){
* this.navCtrl.push(DetailPage)
* .catch(()=> console.log('should I stay or should I go now'))
* }
*
* }
*
* export class DetailPage(){
* constructor(
* public navCtrl: NavController
* ){}
* ionViewCanEnter(): boolean{
* // here we can either return true or false
* // depending on if we want to leave this view
* if(isValid(randomValue)){
* return true;
* } else {
* return false;
* }
* }
* }
* ```
*
* Similar to `ionViewCanLeave` we still need a catch on the original `navCtrl.push` in order to handle it properly.
* When handling the back button in the `ion-navbar`, the catch is already taken care of for you by the framework.
*
* ## NavOptions
*
* Some methods on `NavController` allow for customizing the current transition.
* To do this, we can pass an object with the modified properites.
*
*
* | Property | Value | Description |
* |-----------|-----------|------------------------------------------------------------------------------------------------------------|
* | animate | `boolean` | Whether or not the transition should animate. |
* | animation | `string` | What kind of animation should be used. |
* | direction | `string` | The conceptual direction the user is navigating. For example, is the user navigating `forward`, or `back`? |
* | duration | `number` | The length in milliseconds the animation should take. |
* | easing | `string` | The easing for the animation. |
*
* The property 'animation' understands the following values: `md-transition`, `ios-transition` and `wp-transition`.
*
* @see {\@link /docs/components#navigation Navigation Component Docs}
* @abstract
*/
var NavController = (function () {
function NavController() {
}
/**
* Push a new component onto the current navigation stack. Pass any aditional information
* along as an object. This additional information is accessible through NavParams
*
* @abstract
* @param {?} page
* @param {?=} params
* @param {?=} opts
* @param {?=} done
* @return {?}
*/
NavController.prototype.push = function (page, params, opts, done) { };
/**
* Inserts a component into the nav stack at the specified index. This is useful if
* you need to add a component at any point in your navigation stack.
*
*
* @abstract
* @param {?} insertIndex
* @param {?} page
* @param {?=} params
* @param {?=} opts
* @param {?=} done
* @return {?}
*/
NavController.prototype.insert = function (insertIndex, page, params, opts, done) { };
/**
* Inserts an array of components into the nav stack at the specified index.
* The last component in the array will become instantiated as a view,
* and animate in to become the active view.
*
* @abstract
* @param {?} insertIndex
* @param {?} insertPages
* @param {?=} opts
* @param {?=} done
* @return {?}
*/
NavController.prototype.insertPages = function (insertIndex, insertPages, opts, done) { };
/**
* Call to navigate back from a current component. Similar to `push()`, you
* can also pass navigation options.
*
* @abstract
* @param {?=} opts
* @param {?=} done
* @return {?}
*/
NavController.prototype.pop = function (opts, done) { };
/**
* Navigate back to the root of the stack, no matter how far back that is.
*
* @abstract
* @param {?=} opts
* @param {?=} done
* @return {?}
*/
NavController.prototype.popToRoot = function (opts, done) { };
/**
* @hidden
* Pop to a specific view in the history stack. If an already created
* instance of the page is not found in the stack, then it'll `setRoot`
* to the nav stack by removing all current pages and pushing on a
* new instance of the given page. Note that any params passed to
* this method are not used when an existing page instance has already
* been found in the stack. Nav params are only used by this method
* when a new instance needs to be created.
*
* @abstract
* @param {?} page
* @param {?=} params
* @param {?=} opts
* @param {?=} done
* @return {?}
*/
NavController.prototype.popTo = function (page, params, opts, done) { };
/**
* @hidden
* Pop sequently all the pages in the stack.
*
* @abstract
* @return {?}
*/
NavController.prototype.popAll = function () { };
/**
* Removes a page from the nav stack at the specified index.
*
* @abstract
* @param {?} startIndex
* @param {?=} removeCount
* @param {?=} opts
* @param {?=} done
* @return {?}
*/
NavController.prototype.remove = function (startIndex, removeCount, opts, done) { };
/**
* Removes the specified view controller from the nav stack.
*
* @abstract
* @param {?} viewController
* @param {?=} opts
* @param {?=} done
* @return {?}
*/
NavController.prototype.removeView = function (viewController, opts, done) { };
/**
* Set the root for the current navigation stack.
* @abstract
* @param {?} pageOrViewCtrl
* @param {?=} params
* @param {?=} opts
* @param {?=} done
* @return {?}
*/
NavController.prototype.setRoot = function (pageOrViewCtrl, params, opts, done) { };
/**
* Set the views of the current navigation stack and navigate to the
* last view. By default animations are disabled, but they can be enabled
* by passing options to the navigation controller.You can also pass any
* navigation params to the individual pages in the array.
*
* @abstract
* @param {?} pages
* @param {?=} opts
* @param {?=} done
* @return {?}
*/
NavController.prototype.setPages = function (pages, opts, done) { };
/**
* @abstract
* @param {?} index
* @return {?}
*/
NavController.prototype.getByIndex = function (index) { };
/**
* @abstract
* @param {?=} includeEntering
* @return {?}
*/
NavController.prototype.getActive = function (includeEntering) { };
/**
* Returns if the given view is the active view or not.
* @abstract
* @param {?} view
* @return {?}
*/
NavController.prototype.isActive = function (view) { };
/**
* Returns the view controller which is before the given view controller.
* If no view controller is passed in, then it'll default to the active view.
* @abstract
* @param {?=} view
* @return {?}
*/
NavController.prototype.getPrevious = function (view) { };
/**
* Returns the first view controller in this nav controller's stack.
* @abstract
* @return {?}
*/
NavController.prototype.first = function () { };
/**
* Returns the last page in this nav controller's stack.
* @abstract
* @return {?}
*/
NavController.prototype.last = function () { };
/**
* Returns the index number of the given view controller.
* @abstract
* @param {?} view
* @return {?}
*/
NavController.prototype.indexOf = function (view) { };
/**
* Returns the number of views in this nav controller.
* @abstract
* @return {?}
*/
NavController.prototype.length = function () { };
/**
* Returns the current stack of views in this nav controller.
* @abstract
* @return {?}
*/
NavController.prototype.getViews = function () { };
/**
* Returns the active child navigation.
* @abstract
* @return {?}
*/
NavController.prototype.getActiveChildNav = function () { };
/**
* Returns if the nav controller is actively transitioning or not.
* @abstract
* @param {?=} includeAncestors
* @return {?}
*/
NavController.prototype.isTransitioning = function (includeAncestors) { };
/**
* If it's possible to use swipe back or not. If it's not possible
* to go back, or swipe back is not enabled, then this will return `false`.
* If it is possible to go back, and swipe back is enabled, then this
* will return `true`.
* @abstract
* @return {?}
*/
NavController.prototype.canSwipeBack = function () { };
/**
* Returns `true` if there's a valid previous page that we can pop
* back to. Otherwise returns `false`.
* @abstract
* @return {?}
*/
NavController.prototype.canGoBack = function () { };
/**
* @hidden
* @abstract
* @param {?} nav
* @return {?}
*/
NavController.prototype.registerChildNav = function (nav) { };
/**
* @hidden
* @abstract
* @return {?}
*/
NavController.prototype.resize = function () { };
return NavController;
}());
var PanRecognizer = (function () {
/**
* @param {?} direction
* @param {?} threshold
* @param {?} maxAngle
*/
function PanRecognizer(direction, threshold, maxAngle) {
this.direction = direction;
this.dirty = false;
this._angle = 0;
this._isPan = 0;
var radians = maxAngle * (Math.PI / 180);
this.maxCosine = Math.cos(radians);
this.threshold = threshold * threshold;
}
/**
* @param {?} coord
* @return {?}
*/
PanRecognizer.prototype.start = function (coord) {
this.startCoord = coord;
this._angle = 0;
this._isPan = 0;
this.dirty = true;
};
/**
* @param {?} coord
* @return {?}
*/
PanRecognizer.prototype.detect = function (coord) {
if (!this.dirty) {
return false;
}
var /** @type {?} */ deltaX = (coord.x - this.startCoord.x);
var /** @type {?} */ deltaY = (coord.y - this.startCoord.y);
var /** @type {?} */ distance = deltaX * deltaX + deltaY * deltaY;
if (distance >= this.threshold) {
var /** @type {?} */ angle = Math.atan2(deltaY, deltaX);
var /** @type {?} */ cosine = (this.direction === 'y')
? Math.sin(angle)
: Math.cos(angle);
this._angle = angle;
if (cosine > this.maxCosine) {
this._isPan = 1;
}
else if (cosine < -this.maxCosine) {
this._isPan = -1;
}
else {
this._isPan = 0;
}
this.dirty = false;
return true;
}
return false;
};
/**
* @return {?}
*/
PanRecognizer.prototype.angle = function () {
return this._angle;
};
/**
* @return {?}
*/
PanRecognizer.prototype.pan = function () {
return this._isPan;
};
return PanRecognizer;
}());
/**
* @hidden
*/
var PointerEvents = (function () {
/**
* @param {?} plt
* @param {?} ele
* @param {?} pointerDown
* @param {?} pointerMove
* @param {?} pointerUp
* @param {?} option
*/
function PointerEvents(plt, ele, pointerDown, pointerMove, pointerUp, option) {
this.plt = plt;
this.ele = ele;
this.pointerDown = pointerDown;
this.pointerMove = pointerMove;
this.pointerUp = pointerUp;
this.option = option;
this.rmTouchStart = null;
this.rmTouchMove = null;
this.rmTouchEnd = null;
this.rmTouchCancel = null;
this.rmMouseStart = null;
this.rmMouseMove = null;
this.rmMouseUp = null;
this.lastTouchEvent = 0;
this.mouseWait = 2 * 1000;
(void 0) /* assert */;
(void 0) /* assert */;
this.bindTouchEnd = this.handleTouchEnd.bind(this);
this.bindMouseUp = this.handleMouseUp.bind(this);
this.rmTouchStart = this.plt.registerListener(ele, 'touchstart', this.handleTouchStart.bind(this), option);
this.rmMouseStart = this.plt.registerListener(ele, 'mousedown', this.handleMouseDown.bind(this), option);
}
/**
* @param {?} ev
* @return {?}
*/
PointerEvents.prototype.handleTouchStart = function (ev) {
(void 0) /* assert */;
(void 0) /* assert */;
this.lastTouchEvent = Date.now() + this.mouseWait;
this.lastEventType = POINTER_EVENT_TYPE_TOUCH;
if (!this.pointerDown(ev, POINTER_EVENT_TYPE_TOUCH)) {
return;
}
if (!this.rmTouchMove && this.pointerMove) {
this.rmTouchMove = this.plt.registerListener(this.ele, 'touchmove', this.pointerMove, this.option);
}
if (!this.rmTouchEnd) {
this.rmTouchEnd = this.plt.registerListener(this.ele, 'touchend', this.bindTouchEnd, this.option);
}
if (!this.rmTouchCancel) {
this.rmTouchCancel = this.plt.registerListener(this.ele, 'touchcancel', this.bindTouchEnd, this.option);
}
};
/**
* @param {?} ev
* @return {?}
*/
PointerEvents.prototype.handleMouseDown = function (ev) {
(void 0) /* assert */;
(void 0) /* assert */;
if (this.lastTouchEvent > Date.now()) {
(void 0) /* console.debug */;
return;
}
this.lastEventType = POINTER_EVENT_TYPE_MOUSE;
if (!this.pointerDown(ev, POINTER_EVENT_TYPE_MOUSE)) {
return;
}
if (!this.rmMouseMove && this.pointerMove) {
this.rmMouseMove = this.plt.registerListener(this.plt.doc(), 'mousemove', this.pointerMove, this.option);
}
if (!this.rmMouseUp) {
this.rmMouseUp = this.plt.registerListener(this.plt.doc(), 'mouseup', this.bindMouseUp, this.option);
}
};
/**
* @param {?} ev
* @return {?}
*/
PointerEvents.prototype.handleTouchEnd = function (ev) {
this.stopTouch();
this.pointerUp && this.pointerUp(ev, POINTER_EVENT_TYPE_TOUCH);
};
/**
* @param {?} ev
* @return {?}
*/
PointerEvents.prototype.handleMouseUp = function (ev) {
this.stopMouse();
this.pointerUp && this.pointerUp(ev, POINTER_EVENT_TYPE_MOUSE);
};
/**
* @return {?}
*/
PointerEvents.prototype.stopTouch = function () {
this.rmTouchMove && this.rmTouchMove();
this.rmTouchEnd && this.rmTouchEnd();
this.rmTouchCancel && this.rmTouchCancel();
this.rmTouchMove = this.rmTouchEnd = this.rmTouchCancel = null;
};
/**
* @return {?}
*/
PointerEvents.prototype.stopMouse = function () {
this.rmMouseMove && this.rmMouseMove();
this.rmMouseUp && this.rmMouseUp();
this.rmMouseMove = this.rmMouseUp = null;
};
/**
* @return {?}
*/
PointerEvents.prototype.stop = function () {
this.stopTouch();
this.stopMouse();
};
/**
* @return {?}
*/
PointerEvents.prototype.destroy = function () {
this.rmTouchStart && this.rmTouchStart();
this.rmMouseStart && this.rmMouseStart();
this.stop();
this.ele = this.pointerUp = this.pointerMove = this.pointerDown = this.rmTouchStart = this.rmMouseStart = null;
};
return PointerEvents;
}());
var POINTER_EVENT_TYPE_MOUSE = 1;
var POINTER_EVENT_TYPE_TOUCH = 2;
/**
* @hidden
*/
var UIEventManager = (function () {
/**
* @param {?} plt
*/
function UIEventManager(plt) {
this.plt = plt;
this.evts = [];
}
/**
* @param {?} config
* @return {?}
*/
UIEventManager.prototype.pointerEvents = function (config) {
if (!config.element || !config.pointerDown) {
console.error('PointerEvents config is invalid');
return;
}
var /** @type {?} */ eventListnerOpts = {
capture: config.capture,
passive: config.passive,
zone: config.zone
};
var /** @type {?} */ pointerEvents = new PointerEvents(this.plt, config.element, config.pointerDown, config.pointerMove, config.pointerUp, eventListnerOpts);
var /** @type {?} */ removeFunc = function () { return pointerEvents.destroy(); };
this.evts.push(removeFunc);
return pointerEvents;
};
/**
* @param {?} ele
* @param {?} eventName
* @param {?} callback
* @param {?} opts
* @return {?}
*/
UIEventManager.prototype.listen = function (ele, eventName, callback, opts) {
if (ele) {
var /** @type {?} */ removeFunc = this.plt.registerListener(ele, eventName, callback, opts);
this.evts.push(removeFunc);
return removeFunc;
}
};
/**
* @return {?}
*/
UIEventManager.prototype.unlistenAll = function () {
this.evts.forEach(function (unRegEvent) {
unRegEvent();
});
this.evts.length = 0;
};
/**
* @return {?}
*/
UIEventManager.prototype.destroy = function () {
this.unlistenAll();
this.evts = null;
};
return UIEventManager;
}());
/**
* @hidden
*/
var PanGesture = (function () {
/**
* @param {?} plt
* @param {?} element
* @param {?=} opts
*/
function PanGesture(plt, element, opts) {
if (opts === void 0) { opts = {}; }
this.plt = plt;
this.element = element;
defaults(opts, {
threshold: 20,
maxAngle: 40,
direction: 'x',
zone: true,
capture: false,
passive: false,
});
this.events = new UIEventManager(plt);
if (opts.domController) {
this.debouncer = opts.domController.debouncer();
}
this.gestute = opts.gesture;
this.direction = opts.direction;
this.eventsConfig = {
element: this.element,
pointerDown: this.pointerDown.bind(this),
pointerMove: this.pointerMove.bind(this),
pointerUp: this.pointerUp.bind(this),
zone: opts.zone,
capture: opts.capture,
passive: opts.passive
};
if (opts.threshold > 0) {
this.detector = new PanRecognizer(opts.direction, opts.threshold, opts.maxAngle);
}
}
/**
* @return {?}
*/
PanGesture.prototype.listen = function () {
if (!this.isListening) {
this.pointerEvents = this.events.pointerEvents(this.eventsConfig);
this.isListening = true;
}
};
/**
* @return {?}
*/
PanGesture.prototype.unlisten = function () {
if (this.isListening) {
this.gestute && this.gestute.release();
this.events.unlistenAll();
this.isListening = false;
}
};
/**
* @return {?}
*/
PanGesture.prototype.destroy = function () {
this.gestute && this.gestute.destroy();
this.gestute = null;
this.unlisten();
this.events.destroy();
this.events = this.element = this.gestute = null;
};
/**
* @param {?} ev
* @return {?}
*/
PanGesture.prototype.pointerDown = function (ev) {
if (this.started) {
return;
}
if (!this.canStart(ev)) {
return false;
}
if (this.gestute) {
// Release fallback
this.gestute.release();
// Start gesture
if (!this.gestute.start()) {
return false;
}
}
this.started = true;
this.captured = false;
var /** @type {?} */ coord = pointerCoord(ev);
if (this.detector) {
this.detector.start(coord);
}
else {
if (!this.tryToCapture(ev)) {
this.started = false;
this.captured = false;
this.gestute.release();
return false;
}
}
return true;
};
/**
* @param {?} ev
* @return {?}
*/
PanGesture.prototype.pointerMove = function (ev) {
var _this = this;
(void 0) /* assert */;
if (this.captured) {
this.debouncer.write(function () {
_this.onDragMove(ev);
});
return;
}
(void 0) /* assert */;
var /** @type {?} */ coord = pointerCoord(ev);
if (this.detector.detect(coord)) {
if (this.detector.pan() !== 0) {
if (!this.tryToCapture(ev)) {
this.abort(ev);
}
}
}
};
/**
* @param {?} ev
* @return {?}
*/
PanGesture.prototype.pointerUp = function (ev) {
(void 0) /* assert */;
this.debouncer.cancel();
this.gestute && this.gestute.release();
if (this.captured) {
this.onDragEnd(ev);
}
else {
this.notCaptured(ev);
}
this.captured = false;
this.started = false;
};
/**
* @param {?} ev
* @return {?}
*/
PanGesture.prototype.tryToCapture = function (ev) {
(void 0) /* assert */;
(void 0) /* assert */;
if (this.gestute && !this.gestute.capture()) {
return false;
}
this.onDragStart(ev);
this.captured = true;
return true;
};
/**
* @param {?} ev
* @return {?}
*/
PanGesture.prototype.abort = function (ev) {
this.started = false;
this.captured = false;
this.gestute.release();
this.pointerEvents.stop();
this.notCaptured(ev);
};
/**
* @return {?}
*/
PanGesture.prototype.getNativeElement = function () {
return this.element;
};
/**
* @param {?} ev
* @return {?}
*/
PanGesture.prototype.canStart = function (ev) { return true; };
/**
* @param {?} ev
* @return {?}
*/
PanGesture.prototype.onDragStart = function (ev) { };
/**
* @param {?} ev
* @return {?}
*/
PanGesture.prototype.onDragMove = function (ev) { };
/**
* @param {?} ev
* @return {?}
*/
PanGesture.prototype.onDragEnd = function (ev) { };
/**
* @param {?} ev
* @return {?}
*/
PanGesture.prototype.notCaptured = function (ev) { };
return PanGesture;
}());
var __extends$33 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* @hidden
*/
var SlideGesture = (function (_super) {
__extends$33(SlideGesture, _super);
/**
* @param {?} plt
* @param {?} element
* @param {?=} opts
*/
function SlideGesture(plt, element, opts) {
if (opts === void 0) { opts = {}; }
var _this = _super.call(this, plt, element, opts) || this;
_this.slide = null;
return _this;
}
/**
* @param {?} slide
* @param {?} ev
* @return {?}
*/
SlideGesture.prototype.getSlideBoundaries = function (slide, ev) {
return {
min: 0,
max: this.getNativeElement().offsetWidth
};
};
/**
* @param {?} slide
* @param {?} ev
* @return {?}
*/
SlideGesture.prototype.getElementStartPos = function (slide, ev) {
return 0;
};
/**
* @param {?} ev
* @return {?}
*/
SlideGesture.prototype.onDragStart = function (ev) {
this.onSlideBeforeStart(ev);
var /** @type {?} */ coord = (pointerCoord(ev));
var /** @type {?} */ pos = coord[this.direction];
this.slide = {
min: 0,
max: 0,
pointerStartPos: pos,
pos: pos,
timestamp: Date.now(),
elementStartPos: 0,
started: true,
delta: 0,
distance: 0,
velocity: 0,
};
// TODO: we should run this in the next frame
var _a = this.getSlideBoundaries(this.slide, ev), min = _a.min, max = _a.max;
this.slide.min = min;
this.slide.max = max;
this.slide.elementStartPos = this.getElementStartPos(this.slide, ev);
this.onSlideStart(this.slide, ev);
};
/**
* @param {?} ev
* @return {?}
*/
SlideGesture.prototype.onDragMove = function (ev) {
var /** @type {?} */ slide = this.slide;
(void 0) /* assert */;
var /** @type {?} */ coord = (pointerCoord(ev));
var /** @type {?} */ newPos = coord[this.direction];
var /** @type {?} */ newTimestamp = Date.now();
var /** @type {?} */ velocity = (newPos - slide.pos) / (newTimestamp - slide.timestamp);
slide.pos = newPos;
slide.timestamp = newTimestamp;
slide.distance = clamp(slide.min, newPos - slide.pointerStartPos + slide.elementStartPos, slide.max);
slide.velocity = velocity;
slide.delta = newPos - slide.pointerStartPos;
this.onSlide(slide, ev);
};
/**
* @param {?} ev
* @return {?}
*/
SlideGesture.prototype.onDragEnd = function (ev) {
this.onSlideEnd(this.slide, ev);
this.slide = null;
};
/**
* @param {?=} ev
* @return {?}
*/
SlideGesture.prototype.onSlideBeforeStart = function (ev) { };
/**
* @param {?=} slide
* @param {?=} ev
* @return {?}
*/
SlideGesture.prototype.onSlideStart = function (slide, ev) { };
/**
* @param {?=} slide
* @param {?=} ev
* @return {?}
*/
SlideGesture.prototype.onSlide = function (slide, ev) { };
/**
* @param {?=} slide
* @param {?=} ev
* @return {?}
*/
SlideGesture.prototype.onSlideEnd = function (slide, ev) { };
return SlideGesture;
}(PanGesture));
var __extends$32 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* @hidden
*/
var SlideEdgeGesture = (function (_super) {
__extends$32(SlideEdgeGesture, _super);
/**
* @param {?} plt
* @param {?} element
* @param {?=} opts
*/
function SlideEdgeGesture(plt, element, opts) {
if (opts === void 0) { opts = {}; }
var _this = this;
defaults(opts, {
edge: 'left',
maxEdgeStart: 50
});
_this = _super.call(this, plt, element, opts) || this;
// Can check corners through use of eg 'left top'
_this.edges = opts.edge.split(' ');
_this.maxEdgeStart = opts.maxEdgeStart;
return _this;
}
/**
* @param {?} ev
* @return {?}
*/
SlideEdgeGesture.prototype.canStart = function (ev) {
var _this = this;
var /** @type {?} */ coord = pointerCoord(ev);
this._d = this.getContainerDimensions();
return this.edges.every(function (edge) { return _this._checkEdge(edge, coord); });
};
/**
* @return {?}
*/
SlideEdgeGesture.prototype.getContainerDimensions = function () {
return {
left: 0,
top: 0,
width: this.plt.width(),
height: this.plt.height()
};
};
/**
* @param {?} edge
* @param {?} pos
* @return {?}
*/
SlideEdgeGesture.prototype._checkEdge = function (edge, pos) {
switch (edge) {
case 'left': return pos.x <= this._d.left + this.maxEdgeStart;
case 'right': return pos.x >= this._d.width - this.maxEdgeStart;
case 'top': return pos.y <= this._d.top + this.maxEdgeStart;
case 'bottom': return pos.y >= this._d.height - this.maxEdgeStart;
}
};
return SlideEdgeGesture;
}(SlideGesture));
var __extends$31 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* @hidden
*/
var SwipeBackGesture = (function (_super) {
__extends$31(SwipeBackGesture, _super);
/**
* @param {?} plt
* @param {?} _nav
* @param {?} gestureCtlr
* @param {?} domCtrl
*/
function SwipeBackGesture(plt, _nav, gestureCtlr, domCtrl) {
var _this = _super.call(this, plt, plt.doc().body, {
direction: 'x',
edge: 'left',
maxEdgeStart: 75,
threshold: 5,
zone: false,
domController: domCtrl,
gesture: gestureCtlr.createGesture({
name: GESTURE_GO_BACK_SWIPE,
priority: GESTURE_PRIORITY_GO_BACK_SWIPE,
disableScroll: true
})
}) || this;
_this._nav = _nav;
return _this;
}
/**
* @param {?} ev
* @return {?}
*/
SwipeBackGesture.prototype.canStart = function (ev) {
// the gesture swipe angle must be mainly horizontal and the
// gesture distance would be relatively short for a swipe back
// and swipe back must be possible on this nav controller
return (this._nav.canSwipeBack() &&
_super.prototype.canStart.call(this, ev));
};
/**
* @param {?} ev
* @return {?}
*/
SwipeBackGesture.prototype.onSlideBeforeStart = function (ev) {
this._nav.swipeBackStart();
};
/**
* @param {?} slide
* @param {?} ev
* @return {?}
*/
SwipeBackGesture.prototype.onSlide = function (slide, ev) {
ev.preventDefault();
ev.stopPropagation();
var /** @type {?} */ stepValue = (slide.distance / slide.max);
this._nav.swipeBackProgress(stepValue);
};
/**
* @param {?} slide
* @param {?} ev
* @return {?}
*/
SwipeBackGesture.prototype.onSlideEnd = function (slide, ev) {
var /** @type {?} */ velocity = slide.velocity;
var /** @type {?} */ currentStepValue = (slide.distance / slide.max);
var /** @type {?} */ isResetDirecction = velocity < 0;
var /** @type {?} */ isMovingFast = Math.abs(slide.velocity) > 0.4;
var /** @type {?} */ isInResetZone = Math.abs(slide.delta) < Math.abs(slide.max) * 0.5;
var /** @type {?} */ shouldComplete = !swipeShouldReset(isResetDirecction, isMovingFast, isInResetZone);
this._nav.swipeBackEnd(shouldComplete, currentStepValue, velocity);
};
return SwipeBackGesture;
}(SlideEdgeGesture));
var __extends$30 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* @hidden
* This class is for internal use only. It is not exported publicly.
*/
var NavControllerBase = (function (_super) {
__extends$30(NavControllerBase, _super);
/**
* @param {?} parent
* @param {?} _app
* @param {?} config
* @param {?} plt
* @param {?} _keyboard
* @param {?} elementRef
* @param {?} _zone
* @param {?} renderer
* @param {?} _cfr
* @param {?} _gestureCtrl
* @param {?} _trnsCtrl
* @param {?} _linker
* @param {?} _domCtrl
*/
function NavControllerBase(parent, _app, config, plt, _keyboard, elementRef, _zone, renderer, _cfr, _gestureCtrl, _trnsCtrl, _linker, _domCtrl) {
var _this = _super.call(this, config, elementRef, renderer) || this;
_this.parent = parent;
_this._app = _app;
_this.config = config;
_this.plt = plt;
_this._keyboard = _keyboard;
_this._zone = _zone;
_this._cfr = _cfr;
_this._gestureCtrl = _gestureCtrl;
_this._trnsCtrl = _trnsCtrl;
_this._linker = _linker;
_this._domCtrl = _domCtrl;
_this._children = [];
_this._ids = -1;
_this._init = false;
_this._queue = [];
_this._trnsId = null;
_this._trnsTm = false;
_this._views = [];
_this._zIndexOffset = 0;
_this.viewDidLoad = new EventEmitter();
_this.viewWillEnter = new EventEmitter();
_this.viewDidEnter = new EventEmitter();
_this.viewWillLeave = new EventEmitter();
_this.viewDidLeave = new EventEmitter();
_this.viewWillUnload = new EventEmitter();
_this._sbEnabled = config.getBoolean('swipeBackEnabled');
_this.id = 'n' + (++ctrlIds);
return _this;
}
/**
* @param {?} page
* @param {?=} params
* @param {?=} opts
* @param {?=} done
* @return {?}
*/
NavControllerBase.prototype.push = function (page, params, opts, done) {
var _this = this;
return convertToView(this._linker, page, params).then(function (viewController) {
return _this._queueTrns({
insertStart: -1,
insertViews: [viewController],
opts: opts,
}, done);
}).catch(function (err) {
console.error('Failed to navigate: ', err.message);
throw err;
});
};
/**
* @param {?} insertIndex
* @param {?} page
* @param {?=} params
* @param {?=} opts
* @param {?=} done
* @return {?}
*/
NavControllerBase.prototype.insert = function (insertIndex, page, params, opts, done) {
var _this = this;
return convertToView(this._linker, page, params).then(function (viewController) {
return _this._queueTrns({
insertStart: insertIndex,
insertViews: [viewController],
opts: opts,
}, done);
});
};
/**
* @param {?} insertIndex
* @param {?} insertPages
* @param {?=} opts
* @param {?=} done
* @return {?}
*/
NavControllerBase.prototype.insertPages = function (insertIndex, insertPages, opts, done) {
var _this = this;
return convertToViews(this._linker, insertPages).then(function (viewControllers) {
return _this._queueTrns({
insertStart: insertIndex,
insertViews: viewControllers,
opts: opts,
}, done);
});
};
/**
* @param {?=} opts
* @param {?=} done
* @return {?}
*/
NavControllerBase.prototype.pop = function (opts, done) {
return this._queueTrns({
removeStart: -1,
removeCount: 1,
opts: opts,
}, done);
};
/**
* @param {?} indexOrViewCtrl
* @param {?=} opts
* @param {?=} done
* @return {?}
*/
NavControllerBase.prototype.popTo = function (indexOrViewCtrl, opts, done) {
var /** @type {?} */ config = {
removeStart: -1,
removeCount: -1,
opts: opts
};
if (isViewController(indexOrViewCtrl)) {
config.removeView = indexOrViewCtrl;
config.removeStart = 1;
}
else if (isNumber(indexOrViewCtrl)) {
config.removeStart = indexOrViewCtrl + 1;
}
return this._queueTrns(config, done);
};
/**
* @param {?=} opts
* @param {?=} done
* @return {?}
*/
NavControllerBase.prototype.popToRoot = function (opts, done) {
return this._queueTrns({
removeStart: 1,
removeCount: -1,
opts: opts,
}, done);
};
/**
* @return {?}
*/
NavControllerBase.prototype.popAll = function () {
var /** @type {?} */ promises = [];
for (var /** @type {?} */ i = this._views.length - 1; i >= 0; i--) {
promises.push(this.pop(null));
}
return Promise.all(promises);
};
/**
* @param {?} startIndex
* @param {?=} removeCount
* @param {?=} opts
* @param {?=} done
* @return {?}
*/
NavControllerBase.prototype.remove = function (startIndex, removeCount, opts, done) {
if (removeCount === void 0) { removeCount = 1; }
return this._queueTrns({
removeStart: startIndex,
removeCount: removeCount,
opts: opts,
}, done);
};
/**
* @param {?} viewController
* @param {?=} opts
* @param {?=} done
* @return {?}
*/
NavControllerBase.prototype.removeView = function (viewController, opts, done) {
return this._queueTrns({
removeView: viewController,
removeStart: 0,
removeCount: 1,
opts: opts,
}, done);
};
/**
* @param {?} pageOrViewCtrl
* @param {?=} params
* @param {?=} opts
* @param {?=} done
* @return {?}
*/
NavControllerBase.prototype.setRoot = function (pageOrViewCtrl, params, opts, done) {
var _this = this;
return convertToView(this._linker, pageOrViewCtrl, params).then(function (viewController) {
return _this._setPages([viewController], opts, done);
});
};
/**
* @param {?} pages
* @param {?=} opts
* @param {?=} done
* @return {?}
*/
NavControllerBase.prototype.setPages = function (pages, opts, done) {
var _this = this;
return convertToViews(this._linker, pages).then(function (viewControllers) {
return _this._setPages(viewControllers, opts, done);
});
};
/**
* @param {?} viewControllers
* @param {?=} opts
* @param {?=} done
* @return {?}
*/
NavControllerBase.prototype._setPages = function (viewControllers, opts, done) {
if (isBlank$1(opts)) {
opts = {};
}
// if animation wasn't set to true then default it to NOT animate
if (opts.animate !== true) {
opts.animate = false;
}
return this._queueTrns({
insertStart: 0,
insertViews: viewControllers,
removeStart: 0,
removeCount: -1,
opts: opts
}, done);
};
/**
* @param {?} ti
* @param {?} done
* @return {?}
*/
NavControllerBase.prototype._queueTrns = function (ti, done) {
var _this = this;
var /** @type {?} */ promise;
var /** @type {?} */ resolve = done;
var /** @type {?} */ reject = done;
if (done === undefined) {
// only create a promise if a done callback wasn't provided
// done can be a null, which avoids any functions
promise = new Promise(function (res, rej) {
resolve = res;
reject = rej;
});
}
// ti.resolve() is called when the navigation transition is finished successfully
ti.resolve = function (hasCompleted, isAsync, enteringName, leavingName, direction) {
_this._trnsId = null;
_this._init = true;
resolve && resolve(hasCompleted, isAsync, enteringName, leavingName, direction);
// let's see if there's another to kick off
_this.setTransitioning(false);
_this._swipeBackCheck();
_this._nextTrns();
};
// ti.reject() is called when the navigation transition fails. ie. it is rejected at some point.
ti.reject = function (rejectReason, transition$$1) {
_this._trnsId = null;
_this._queue.length = 0;
// walk through the transition views so they are destroyed
while (transition$$1) {
var /** @type {?} */ enteringView = transition$$1.enteringView;
if (enteringView && (enteringView._state === STATE_ATTACHED)) {
_this._destroyView(enteringView);
}
if (transition$$1.isRoot()) {
_this._trnsCtrl.destroy(transition$$1.trnsId);
break;
}
transition$$1 = transition$$1.parent;
}
reject && reject(false, false, rejectReason);
// let's see if there's another to kick off
_this.setTransitioning(false);
_this._swipeBackCheck();
_this._nextTrns();
};
if (ti.insertViews) {
// ensure we've got good views to insert
ti.insertViews = ti.insertViews.filter(function (v) { return v !== null; });
if (ti.insertViews.length === 0) {
ti.reject('invalid views to insert');
return promise;
}
}
else if (isPresent$1(ti.removeStart) && this._views.length === 0 && !this._isPortal) {
ti.reject('no views in the stack to be removed');
return promise;
}
this._queue.push(ti);
// if there isn't a transition already happening
// then this will kick off this transition
this._nextTrns();
// promise is undefined if a done callbacks was provided
return promise;
};
/**
* @return {?}
*/
NavControllerBase.prototype._nextTrns = function () {
// this is the framework's bread 'n butta function
// only one transition is allowed at any given time
if (this.isTransitioning()) {
return false;
}
// there is no transition happening right now
// get the next instruction
var /** @type {?} */ ti = this._nextTI();
if (!ti) {
return false;
}
// ensure any of the inserted view are used
var /** @type {?} */ insertViews = ti.insertViews;
if (insertViews) {
for (var /** @type {?} */ i = 0; i < insertViews.length; i++) {
var /** @type {?} */ nav = insertViews[i]._nav;
if (nav && nav !== this || insertViews[i]._state === STATE_DESTROYED) {
ti.reject('leavingView and enteringView are null. stack is already empty');
return false;
}
}
}
// get entering and leaving views
var /** @type {?} */ leavingView = this.getActive();
var /** @type {?} */ enteringView = this._getEnteringView(ti, leavingView);
if (!leavingView && !enteringView) {
ti.reject('leavingView and enteringView are null. stack is already empty');
return false;
}
// set that this nav is actively transitioning
this.setTransitioning(true);
// Initialize enteringView
if (enteringView && enteringView._state === STATE_NEW) {
// render the entering view, and all child navs and views
// ******** DOM WRITE ****************
this._viewInit(enteringView);
}
// Only test canLeave/canEnter if there is transition
var /** @type {?} */ requiresTransition = ti.requiresTransition = (ti.enteringRequiresTransition || ti.leavingRequiresTransition) && enteringView !== leavingView;
if (requiresTransition) {
// views have been initialized, now let's test
// to see if the transition is even allowed or not
return this._viewTest(enteringView, leavingView, ti);
}
else {
return this._postViewInit(enteringView, leavingView, ti);
}
};
/**
* @return {?}
*/
NavControllerBase.prototype._nextTI = function () {
var /** @type {?} */ ti = this._queue.shift();
if (!ti) {
return null;
}
var /** @type {?} */ viewsLength = this._views.length;
if (isPresent$1(ti.removeView)) {
(void 0) /* assert */;
(void 0) /* assert */;
var /** @type {?} */ index = this._views.indexOf(ti.removeView);
if (index >= 0) {
ti.removeStart += index;
}
}
if (isPresent$1(ti.removeStart)) {
if (ti.removeStart < 0) {
ti.removeStart = (viewsLength - 1);
}
if (ti.removeCount < 0) {
ti.removeCount = (viewsLength - ti.removeStart);
}
ti.leavingRequiresTransition = ((ti.removeStart + ti.removeCount) === viewsLength);
}
if (ti.insertViews) {
// allow -1 to be passed in to auto push it on the end
// and clean up the index if it's larger then the size of the stack
if (ti.insertStart < 0 || ti.insertStart > viewsLength) {
ti.insertStart = viewsLength;
}
ti.enteringRequiresTransition = (ti.insertStart === viewsLength);
}
return ti;
};
/**
* @param {?} ti
* @param {?} leavingView
* @return {?}
*/
NavControllerBase.prototype._getEnteringView = function (ti, leavingView) {
var /** @type {?} */ insertViews = ti.insertViews;
if (insertViews) {
// grab the very last view of the views to be inserted
// and initialize it as the new entering view
return insertViews[insertViews.length - 1];
}
var /** @type {?} */ removeStart = ti.removeStart;
if (isPresent$1(removeStart)) {
var /** @type {?} */ views = this._views;
var /** @type {?} */ removeEnd = removeStart + ti.removeCount;
var /** @type {?} */ i;
var /** @type {?} */ view;
for (i = views.length - 1; i >= 0; i--) {
view = views[i];
if ((i < removeStart || i >= removeEnd) && view !== leavingView) {
return view;
}
}
}
return null;
};
/**
* @param {?} enteringView
* @param {?} leavingView
* @param {?} ti
* @return {?}
*/
NavControllerBase.prototype._postViewInit = function (enteringView, leavingView, ti) {
var _this = this;
(void 0) /* assert */;
(void 0) /* assert */;
(void 0) /* assert */;
var /** @type {?} */ opts = ti.opts || {};
var /** @type {?} */ insertViews = ti.insertViews;
var /** @type {?} */ removeStart = ti.removeStart;
var /** @type {?} */ removeCount = ti.removeCount;
var /** @type {?} */ view;
var /** @type {?} */ i;
var /** @type {?} */ destroyQueue;
// there are views to remove
if (isPresent$1(removeStart)) {
(void 0) /* assert */;
(void 0) /* assert */;
destroyQueue = [];
for (i = 0; i < removeCount; i++) {
view = this._views[i + removeStart];
if (view && view !== enteringView && view !== leavingView) {
destroyQueue.push(view);
}
}
// default the direction to "back"
opts.direction = opts.direction || DIRECTION_BACK;
}
var /** @type {?} */ finalBalance = this._views.length + (insertViews ? insertViews.length : 0) - (removeCount ? removeCount : 0);
(void 0) /* assert */;
if (finalBalance === 0 && !this._isPortal) {
console.warn("You can't remove all the pages in the navigation stack. nav.pop() is probably called too many times.", this, this.getNativeElement());
ti.reject('navigation stack needs at least one root page');
return false;
}
// there are views to insert
if (insertViews) {
// manually set the new view's id if an id was passed in the options
if (isPresent$1(opts.id)) {
enteringView.id = opts.id;
}
// add the views to the
for (i = 0; i < insertViews.length; i++) {
view = insertViews[i];
this._insertViewAt(view, ti.insertStart + i);
}
if (ti.enteringRequiresTransition) {
// default to forward if not already set
opts.direction = opts.direction || DIRECTION_FORWARD;
}
}
// if the views to be removed are in the beginning or middle
// and there is not a view that needs to visually transition out
// then just destroy them and don't transition anything
// batch all of lifecycles together
// let's make sure, callbacks are zoned
if (destroyQueue && destroyQueue.length > 0) {
this._zone.run(function () {
for (i = 0; i < destroyQueue.length; i++) {
view = destroyQueue[i];
_this._willLeave(view, true);
_this._didLeave(view);
_this._willUnload(view);
}
});
// once all lifecycle events has been delivered, we can safely detroy the views
for (i = 0; i < destroyQueue.length; i++) {
this._destroyView(destroyQueue[i]);
}
}
if (!ti.requiresTransition) {
// transition is not required, so we are already done!
// they're inserting/removing the views somewhere in the middle or
// beginning, so visually nothing needs to animate/transition
// resolve immediately because there's no animation that's happening
ti.resolve(true, false);
return true;
}
// set which animation it should use if it wasn't set yet
if (!opts.animation) {
if (isPresent$1(ti.removeStart)) {
opts.animation = (leavingView || enteringView).getTransitionName(opts.direction);
}
else {
opts.animation = (enteringView || leavingView).getTransitionName(opts.direction);
}
}
// huzzah! let us transition these views
this._transitionInit(enteringView, leavingView, opts, ti.resolve);
return true;
};
/**
* DOM WRITE
* @param {?} enteringView
* @return {?}
*/
NavControllerBase.prototype._viewInit = function (enteringView) {
(void 0) /* assert */;
(void 0) /* assert */;
// entering view has not been initialized yet
var /** @type {?} */ componentProviders = ReflectiveInjector.resolve([
{ provide: NavController, useValue: this },
{ provide: ViewController, useValue: enteringView },
{ provide: NavParams, useValue: enteringView.getNavParams() }
]);
var /** @type {?} */ componentFactory = this._linker.resolveComponent(enteringView.component);
var /** @type {?} */ childInjector = ReflectiveInjector.fromResolvedProviders(componentProviders, this._viewport.parentInjector);
// create ComponentRef and set it to the entering view
enteringView.init(componentFactory.create(childInjector, []));
enteringView._state = STATE_INITIALIZED;
this._preLoad(enteringView);
};
/**
* @param {?} view
* @param {?} componentRef
* @param {?} viewport
* @return {?}
*/
NavControllerBase.prototype._viewAttachToDOM = function (view, componentRef, viewport) {
(void 0) /* assert */;
(void 0) /* assert */;
// fire willLoad before change detection runs
this._willLoad(view);
// render the component ref instance to the DOM
// ******** DOM WRITE ****************
viewport.insert(componentRef.hostView, viewport.length);
view._state = STATE_ATTACHED;
if (view._cssClass) {
// the ElementRef of the actual ion-page created
var /** @type {?} */ pageElement = componentRef.location.nativeElement;
// ******** DOM WRITE ****************
this._renderer.setElementClass(pageElement, view._cssClass, true);
}
componentRef.changeDetectorRef.detectChanges();
// successfully finished loading the entering view
// fire off the "didLoad" lifecycle events
this._zone.run(this._didLoad.bind(this, view));
};
/**
* @param {?} enteringView
* @param {?} leavingView
* @param {?} ti
* @return {?}
*/
NavControllerBase.prototype._viewTest = function (enteringView, leavingView, ti) {
var _this = this;
var /** @type {?} */ promises = [];
if (leavingView) {
var /** @type {?} */ leavingTestResult = leavingView._lifecycleTest('Leave');
if (leavingTestResult === false) {
// synchronous reject
ti.reject((leavingTestResult !== false ? leavingTestResult : "ionViewCanLeave rejected"));
return false;
}
else if (leavingTestResult instanceof Promise) {
// async promise
promises.push(leavingTestResult);
}
}
if (enteringView) {
var /** @type {?} */ enteringTestResult = enteringView._lifecycleTest('Enter');
if (enteringTestResult === false) {
// synchronous reject
ti.reject((enteringTestResult !== false ? enteringTestResult : "ionViewCanEnter rejected"));
return false;
}
else if (enteringTestResult instanceof Promise) {
// async promise
promises.push(enteringTestResult);
}
}
if (promises.length) {
// darn, async promises, gotta wait for them to resolve
Promise.all(promises).then(function (values) {
if (values.some(function (result) { return result === false; })) {
ti.reject("ionViewCanEnter rejected");
}
else {
_this._postViewInit(enteringView, leavingView, ti);
}
}).catch(ti.reject);
return true;
}
else {
// synchronous and all tests passed! let's move on already
return this._postViewInit(enteringView, leavingView, ti);
}
};
/**
* @param {?} enteringView
* @param {?} leavingView
* @param {?} opts
* @param {?} resolve
* @return {?}
*/
NavControllerBase.prototype._transitionInit = function (enteringView, leavingView, opts, resolve) {
var _this = this;
// figure out if this transition is the root one or a
// child of a parent nav that has the root transition
this._trnsId = this._trnsCtrl.getRootTrnsId(this);
if (this._trnsId === null) {
// this is the root transition, meaning all child navs and their views
// should be added as a child transition to this one
this._trnsId = this._trnsCtrl.nextId();
}
// create the transition options
var /** @type {?} */ animationOpts = {
animation: opts.animation,
direction: opts.direction,
duration: (opts.animate === false ? 0 : opts.duration),
easing: opts.easing,
isRTL: this._config.plt.isRTL(),
ev: opts.ev,
};
// create the transition animation from the TransitionController
// this will either create the root transition, or add it as a child transition
var /** @type {?} */ transition$$1 = this._trnsCtrl.get(this._trnsId, enteringView, leavingView, animationOpts);
// ensure any swipeback transitions are cleared out
this._sbTrns && this._sbTrns.destroy();
this._sbTrns = null;
// swipe to go back root transition
if (transition$$1.isRoot() && opts.progressAnimation) {
this._sbTrns = transition$$1;
}
// transition start has to be registered before attaching the view to the DOM!
transition$$1.registerStart(function () {
_this._transitionStart(transition$$1, enteringView, leavingView, opts, resolve);
if (transition$$1.parent) {
transition$$1.parent.start();
}
});
if (enteringView && (enteringView._state === STATE_INITIALIZED)) {
// render the entering component in the DOM
// this would also render new child navs/views
// which may have their very own async canEnter/Leave tests
// ******** DOM WRITE ****************
this._viewAttachToDOM(enteringView, enteringView._cmp, this._viewport);
}
if (!transition$$1.hasChildren) {
// lowest level transition, so kick it off and let it bubble up to start all of them
transition$$1.start();
}
};
/**
* @param {?} transition
* @param {?} enteringView
* @param {?} leavingView
* @param {?} opts
* @param {?} resolve
* @return {?}
*/
NavControllerBase.prototype._transitionStart = function (transition$$1, enteringView, leavingView, opts, resolve) {
var _this = this;
(void 0) /* assert */;
this._trnsId = null;
// set the correct zIndex for the entering and leaving views
// ******** DOM WRITE ****************
setZIndex(this, enteringView, leavingView, opts.direction, this._renderer);
// always ensure the entering view is viewable
// ******** DOM WRITE ****************
enteringView && enteringView._domShow(true, this._renderer);
// always ensure the leaving view is viewable
// ******** DOM WRITE ****************
leavingView && leavingView._domShow(true, this._renderer);
// initialize the transition
transition$$1.init();
// we should animate (duration > 0) if the pushed page is not the first one (startup)
// or if it is a portal (modal, actionsheet, etc.)
var /** @type {?} */ isFirstPage = !this._init && this._views.length === 1;
var /** @type {?} */ shouldNotAnimate = isFirstPage && !this._isPortal;
var /** @type {?} */ canNotAnimate = this._config.get('animate') === false;
if (shouldNotAnimate || canNotAnimate) {
opts.animate = false;
}
if (opts.animate === false) {
// if it was somehow set to not animation, then make the duration zero
transition$$1.duration(0);
}
// create a callback that needs to run within zone
// that will fire off the willEnter/Leave lifecycle events at the right time
transition$$1.beforeAddRead(this._viewsWillLifecycles.bind(this, enteringView, leavingView));
// create a callback for when the animation is done
transition$$1.onFinish(function () {
// transition animation has ended
_this._zone.run(_this._transitionFinish.bind(_this, transition$$1, opts, resolve));
});
// get the set duration of this transition
var /** @type {?} */ duration = transition$$1.getDuration();
if (transition$$1.isRoot()) {
// this is the top most, or only active transition, so disable the app
// add XXms to the duration the app is disabled when the keyboard is open
if (duration > DISABLE_APP_MINIMUM_DURATION && opts.disableApp !== false) {
// if this transition has a duration and this is the root transition
// then set that the app is actively disabled
this._app.setEnabled(false, duration + ACTIVE_TRANSITION_OFFSET, opts.minClickBlockDuration);
}
else {
(void 0) /* console.debug */;
}
// cool, let's do this, start the transition
if (opts.progressAnimation) {
// this is a swipe to go back, just get the transition progress ready
// kick off the swipe animation start
transition$$1.progressStart();
}
else {
// only the top level transition should actually start "play"
// kick it off and let it play through
// ******** DOM WRITE ****************
transition$$1.play();
}
}
};
/**
* @param {?} transition
* @param {?} opts
* @param {?} resolve
* @return {?}
*/
NavControllerBase.prototype._transitionFinish = function (transition$$1, opts, resolve) {
var /** @type {?} */ hasCompleted = transition$$1.hasCompleted;
var /** @type {?} */ enteringView = transition$$1.enteringView;
var /** @type {?} */ leavingView = transition$$1.leavingView;
// mainly for testing
var /** @type {?} */ enteringName;
var /** @type {?} */ leavingName;
if (hasCompleted) {
// transition has completed (went from 0 to 1)
if (enteringView) {
enteringName = enteringView.name;
this._didEnter(enteringView);
}
if (leavingView) {
leavingName = leavingView.name;
this._didLeave(leavingView);
}
this._cleanup(enteringView);
}
else {
// If transition does not complete, we have to cleanup anyway, because
// previous pages in the stack are not hidden probably.
this._cleanup(leavingView);
}
if (transition$$1.isRoot()) {
// this is the root transition
// it's safe to destroy this transition
this._trnsCtrl.destroy(transition$$1.trnsId);
// it's safe to enable the app again
this._app.setEnabled(true);
if (!this.hasChildren() && opts.updateUrl !== false) {
// notify deep linker of the nav change
// if a direction was provided and should update url
this._linker.navChange(opts.direction);
}
if (opts.keyboardClose !== false) {
// the keyboard is still open!
// no problem, let's just close for them
this._keyboard.close();
}
}
// congrats, we did it!
resolve(hasCompleted, true, enteringName, leavingName, opts.direction);
};
/**
* @param {?} enteringView
* @param {?} leavingView
* @return {?}
*/
NavControllerBase.prototype._viewsWillLifecycles = function (enteringView, leavingView) {
var _this = this;
if (enteringView || leavingView) {
this._zone.run(function () {
// Here, the order is important. WillLeave must be called before WillEnter.
leavingView && _this._willLeave(leavingView, !enteringView);
enteringView && _this._willEnter(enteringView);
});
}
};
/**
* @param {?} view
* @param {?} index
* @return {?}
*/
NavControllerBase.prototype._insertViewAt = function (view, index) {
var /** @type {?} */ existingIndex = this._views.indexOf(view);
if (existingIndex > -1) {
// this view is already in the stack!!
// move it to its new location
(void 0) /* assert */;
this._views.splice(index, 0, this._views.splice(existingIndex, 1)[0]);
}
else {
(void 0) /* assert */;
// this is a new view to add to the stack
// create the new entering view
view._setNav(this);
// give this inserted view an ID
this._ids++;
if (!view.id) {
view.id = this.id + "-" + this._ids;
}
// insert the entering view into the correct index in the stack
this._views.splice(index, 0, view);
}
};
/**
* @param {?} view
* @return {?}
*/
NavControllerBase.prototype._removeView = function (view) {
(void 0) /* assert */;
var /** @type {?} */ views = this._views;
var /** @type {?} */ index = views.indexOf(view);
(void 0) /* assert */;
if (index >= 0) {
views.splice(index, 1);
}
};
/**
* @param {?} view
* @return {?}
*/
NavControllerBase.prototype._destroyView = function (view) {
view._destroy(this._renderer);
this._removeView(view);
};
/**
* DOM WRITE
* @param {?} activeView
* @return {?}
*/
NavControllerBase.prototype._cleanup = function (activeView) {
// ok, cleanup time!! Destroy all of the views that are
// INACTIVE and come after the active view
var /** @type {?} */ activeViewIndex = this._views.indexOf(activeView);
var /** @type {?} */ views = this._views;
var /** @type {?} */ reorderZIndexes = false;
var /** @type {?} */ view;
var /** @type {?} */ i;
for (i = views.length - 1; i >= 0; i--) {
view = views[i];
if (i > activeViewIndex) {
// this view comes after the active view
// let's unload it
this._willUnload(view);
this._destroyView(view);
}
else if (i < activeViewIndex && !this._isPortal) {
// this view comes before the active view
// and it is not a portal then ensure it is hidden
view._domShow(false, this._renderer);
}
if (view._zIndex <= 0) {
reorderZIndexes = true;
}
}
if (!this._isPortal && reorderZIndexes) {
for (i = 0; i < views.length; i++) {
view = views[i];
// ******** DOM WRITE ****************
view._setZIndex(view._zIndex + INIT_ZINDEX + 1, this._renderer);
}
}
};
/**
* @param {?} view
* @return {?}
*/
NavControllerBase.prototype._preLoad = function (view) {
(void 0) /* assert */;
view._preLoad();
};
/**
* @param {?} view
* @return {?}
*/
NavControllerBase.prototype._willLoad = function (view) {
(void 0) /* assert */;
view._willLoad();
};
/**
* @param {?} view
* @return {?}
*/
NavControllerBase.prototype._didLoad = function (view) {
(void 0) /* assert */;
(void 0) /* assert */;
view._didLoad();
this.viewDidLoad.emit(view);
this._app.viewDidLoad.emit(view);
};
/**
* @param {?} view
* @return {?}
*/
NavControllerBase.prototype._willEnter = function (view) {
(void 0) /* assert */;
(void 0) /* assert */;
view._willEnter();
this.viewWillEnter.emit(view);
this._app.viewWillEnter.emit(view);
};
/**
* @param {?} view
* @return {?}
*/
NavControllerBase.prototype._didEnter = function (view) {
(void 0) /* assert */;
(void 0) /* assert */;
view._didEnter();
this.viewDidEnter.emit(view);
this._app.viewDidEnter.emit(view);
};
/**
* @param {?} view
* @param {?} willUnload
* @return {?}
*/
NavControllerBase.prototype._willLeave = function (view, willUnload) {
(void 0) /* assert */;
(void 0) /* assert */;
view._willLeave(willUnload);
this.viewWillLeave.emit(view);
this._app.viewWillLeave.emit(view);
};
/**
* @param {?} view
* @return {?}
*/
NavControllerBase.prototype._didLeave = function (view) {
(void 0) /* assert */;
(void 0) /* assert */;
view._didLeave();
this.viewDidLeave.emit(view);
this._app.viewDidLeave.emit(view);
};
/**
* @param {?} view
* @return {?}
*/
NavControllerBase.prototype._willUnload = function (view) {
(void 0) /* assert */;
(void 0) /* assert */;
view._willUnload();
this.viewWillUnload.emit(view);
this._app.viewWillUnload.emit(view);
};
/**
* @return {?}
*/
NavControllerBase.prototype.hasChildren = function () {
return this._children.length > 0;
};
/**
* @return {?}
*/
NavControllerBase.prototype.getActiveChildNav = function () {
return this._children[this._children.length - 1];
};
/**
* @param {?} nav
* @return {?}
*/
NavControllerBase.prototype.registerChildNav = function (nav) {
this._children.push(nav);
};
/**
* @param {?} nav
* @return {?}
*/
NavControllerBase.prototype.unregisterChildNav = function (nav) {
removeArrayItem(this._children, nav);
};
/**
* @return {?}
*/
NavControllerBase.prototype.destroy = function () {
var /** @type {?} */ views = this._views;
var /** @type {?} */ view;
for (var /** @type {?} */ i = 0; i < views.length; i++) {
view = views[i];
view._willUnload();
view._destroy(this._renderer);
}
// release swipe back gesture and transition
this._sbGesture && this._sbGesture.destroy();
this._sbTrns && this._sbTrns.destroy();
this._queue = this._views = this._sbGesture = this._sbTrns = null;
// Unregister navcontroller
if (this.parent && this.parent.unregisterChildNav) {
this.parent.unregisterChildNav(this);
}
};
/**
* @return {?}
*/
NavControllerBase.prototype.swipeBackStart = function () {
if (this.isTransitioning() || this._queue.length > 0) {
return;
}
// default the direction to "back";
var /** @type {?} */ opts = {
direction: DIRECTION_BACK,
progressAnimation: true
};
this._queueTrns({
removeStart: -1,
removeCount: 1,
opts: opts,
}, null);
};
/**
* @param {?} stepValue
* @return {?}
*/
NavControllerBase.prototype.swipeBackProgress = function (stepValue) {
if (this._sbTrns && this._sbGesture) {
// continue to disable the app while actively dragging
this._app.setEnabled(false, ACTIVE_TRANSITION_DEFAULT);
this.setTransitioning(true);
// set the transition animation's progress
this._sbTrns.progressStep(stepValue);
}
};
/**
* @param {?} shouldComplete
* @param {?} currentStepValue
* @param {?} velocity
* @return {?}
*/
NavControllerBase.prototype.swipeBackEnd = function (shouldComplete, currentStepValue, velocity) {
if (this._sbTrns && this._sbGesture) {
// the swipe back gesture has ended
var /** @type {?} */ dur = this._sbTrns.getDuration() / (Math.abs(velocity) + 1);
this._sbTrns.progressEnd(shouldComplete, currentStepValue, dur);
}
};
/**
* @return {?}
*/
NavControllerBase.prototype._swipeBackCheck = function () {
if (this.canSwipeBack()) {
if (!this._sbGesture) {
this._sbGesture = new SwipeBackGesture(this.plt, this, this._gestureCtrl, this._domCtrl);
}
this._sbGesture.listen();
}
else if (this._sbGesture) {
this._sbGesture.unlisten();
}
};
/**
* @return {?}
*/
NavControllerBase.prototype.canSwipeBack = function () {
return (this._sbEnabled &&
!this._isPortal &&
this._children.length <= 1 &&
!this.isTransitioning() &&
this._app.isEnabled() &&
this.canGoBack());
};
/**
* @return {?}
*/
NavControllerBase.prototype.canGoBack = function () {
var /** @type {?} */ activeView = this.getActive();
return !!(activeView && activeView.enableBack());
};
/**
* @return {?}
*/
NavControllerBase.prototype.isTransitioning = function () {
return this._trnsTm;
};
/**
* @param {?} isTransitioning
* @return {?}
*/
NavControllerBase.prototype.setTransitioning = function (isTransitioning) {
this._trnsTm = isTransitioning;
};
/**
* @return {?}
*/
NavControllerBase.prototype.getActive = function () {
return this._views[this._views.length - 1];
};
/**
* @param {?} view
* @return {?}
*/
NavControllerBase.prototype.isActive = function (view) {
return (view === this.getActive());
};
/**
* @param {?} index
* @return {?}
*/
NavControllerBase.prototype.getByIndex = function (index) {
return this._views[index];
};
/**
* @param {?=} view
* @return {?}
*/
NavControllerBase.prototype.getPrevious = function (view) {
// returns the view controller which is before the given view controller.
if (!view) {
view = this.getActive();
}
var /** @type {?} */ views = this._views;
return views[views.indexOf(view) - 1];
};
/**
* @return {?}
*/
NavControllerBase.prototype.first = function () {
// returns the first view controller in this nav controller's stack.
return this._views[0];
};
/**
* @return {?}
*/
NavControllerBase.prototype.last = function () {
// returns the last page in this nav controller's stack.
return this._views[this._views.length - 1];
};
/**
* @param {?} view
* @return {?}
*/
NavControllerBase.prototype.indexOf = function (view) {
// returns the index number of the given view controller.
return this._views.indexOf(view);
};
/**
* @return {?}
*/
NavControllerBase.prototype.length = function () {
return this._views.length;
};
/**
* Return the stack of views in this NavController.
* @return {?}
*/
NavControllerBase.prototype.getViews = function () {
return this._views;
};
/**
* @return {?}
*/
NavControllerBase.prototype.isSwipeBackEnabled = function () {
return this._sbEnabled;
};
/**
* @return {?}
*/
NavControllerBase.prototype.dismissPageChangeViews = function () {
for (var _i = 0, _a = this._views; _i < _a.length; _i++) {
var view = _a[_i];
if (view.data && view.data.dismissOnPageChange) {
view.dismiss().catch(null);
}
}
};
/**
* @param {?} val
* @return {?}
*/
NavControllerBase.prototype.setViewport = function (val) {
this._viewport = val;
};
/**
* @return {?}
*/
NavControllerBase.prototype.resize = function () {
var /** @type {?} */ active = this.getActive();
if (!active) {
return;
}
var /** @type {?} */ content = active.getIONContent();
content && content.resize();
};
return NavControllerBase;
}(Ion));
var ctrlIds = -1;
var DISABLE_APP_MINIMUM_DURATION = 64;
var ACTIVE_TRANSITION_DEFAULT = 5000;
var ACTIVE_TRANSITION_OFFSET = 2000;
/**
* @hidden
*/
var TransitionController = (function () {
/**
* @param {?} plt
* @param {?} _config
*/
function TransitionController(plt, _config) {
this.plt = plt;
this._config = _config;
this._ids = 0;
this._trns = {};
}
/**
* @param {?} nav
* @return {?}
*/
TransitionController.prototype.getRootTrnsId = function (nav) {
var /** @type {?} */ parent = (nav.parent);
while (parent) {
if (isPresent$1(parent._trnsId)) {
return parent._trnsId;
}
parent = parent.parent;
}
return null;
};
/**
* @return {?}
*/
TransitionController.prototype.nextId = function () {
return this._ids++;
};
/**
* @param {?} trnsId
* @param {?} enteringView
* @param {?} leavingView
* @param {?} opts
* @return {?}
*/
TransitionController.prototype.get = function (trnsId, enteringView, leavingView, opts) {
var /** @type {?} */ TransitionClass = this._config.getTransition(opts.animation);
if (!TransitionClass) {
// didn't find a transition animation, default to ios-transition
TransitionClass = this._config.getTransition('ios-transition');
}
var /** @type {?} */ trns = new TransitionClass(this.plt, enteringView, leavingView, opts);
trns.trnsId = trnsId;
if (!this._trns[trnsId]) {
// we haven't created the root transition yet
this._trns[trnsId] = trns;
}
else {
// we already have a root transition created
// add this new transition as a child to the root
this._trns[trnsId].add(trns);
}
return trns;
};
/**
* @param {?} trnsId
* @return {?}
*/
TransitionController.prototype.destroy = function (trnsId) {
var /** @type {?} */ trans = this._trns[trnsId];
if (trans) {
trans.destroy();
delete this._trns[trnsId];
}
};
return TransitionController;
}());
TransitionController.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
TransitionController.ctorParameters = function () { return [
{ type: Platform, },
{ type: Config, },
]; };
var __extends$29 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* @hidden
*/
var OverlayPortal = (function (_super) {
__extends$29(OverlayPortal, _super);
/**
* @param {?} app
* @param {?} config
* @param {?} plt
* @param {?} keyboard
* @param {?} elementRef
* @param {?} zone
* @param {?} renderer
* @param {?} cfr
* @param {?} gestureCtrl
* @param {?} transCtrl
* @param {?} linker
* @param {?} viewPort
* @param {?} domCtrl
*/
function OverlayPortal(app, config, plt, keyboard, elementRef, zone, renderer, cfr, gestureCtrl, transCtrl, linker, viewPort, domCtrl) {
var _this = _super.call(this, null, app, config, plt, keyboard, elementRef, zone, renderer, cfr, gestureCtrl, transCtrl, linker, domCtrl) || this;
_this._isPortal = true;
_this._init = true;
_this.setViewport(viewPort);
// on every page change make sure the portal has
// dismissed any views that should be auto dismissed on page change
app.viewDidLeave.subscribe(function (ev) {
!ev.isOverlay && _this.dismissPageChangeViews();
});
return _this;
}
Object.defineProperty(OverlayPortal.prototype, "_overlayPortal", {
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._zIndexOffset = (val || 0);
},
enumerable: true,
configurable: true
});
/**
* @return {?}
*/
OverlayPortal.prototype.ngOnDestroy = function () {
this.destroy();
};
return OverlayPortal;
}(NavControllerBase));
OverlayPortal.decorators = [
{ type: Directive, args: [{
selector: '[overlay-portal]',
},] },
];
/**
* @nocollapse
*/
OverlayPortal.ctorParameters = function () { return [
{ type: App, decorators: [{ type: Inject, args: [forwardRef(function () { return App; }),] },] },
{ type: Config, },
{ type: Platform, },
{ type: Keyboard, },
{ type: ElementRef, },
{ type: NgZone, },
{ type: Renderer, },
{ type: ComponentFactoryResolver, },
{ type: GestureController, },
{ type: TransitionController, },
{ type: DeepLinker, decorators: [{ type: Optional },] },
{ type: ViewContainerRef, },
{ type: DomController, },
]; };
OverlayPortal.propDecorators = {
'_overlayPortal': [{ type: Input, args: ['overlay-portal',] },],
};
var __extends$28 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
var AppRootToken = new OpaqueToken('USERROOT');
/**
* @hidden
*/
var IonicApp = (function (_super) {
__extends$28(IonicApp, _super);
/**
* @param {?} _userCmp
* @param {?} _cfr
* @param {?} elementRef
* @param {?} renderer
* @param {?} config
* @param {?} _plt
* @param {?} app
*/
function IonicApp(_userCmp, _cfr, elementRef, renderer, config, _plt, app) {
var _this = _super.call(this, config, elementRef, renderer) || this;
_this._userCmp = _userCmp;
_this._cfr = _cfr;
_this._plt = _plt;
// register with App that this is Ionic's appRoot component. tada!
app._appRoot = _this;
_this._stopScrollPlugin = window['IonicStopScroll'];
return _this;
}
/**
* @return {?}
*/
IonicApp.prototype.ngOnInit = function () {
var _this = this;
// load the user root component
// into Ionic's root component
var /** @type {?} */ factory = this._cfr.resolveComponentFactory(this._userCmp);
var /** @type {?} */ componentRef = this._viewport.createComponent(factory);
this._renderer.setElementClass(componentRef.location.nativeElement, 'app-root', true);
componentRef.changeDetectorRef.detectChanges();
// set the mode class name
// ios/md/wp
this.setElementClass(this._config.get('mode'), true);
var /** @type {?} */ versions = this._plt.versions();
this._plt.platforms().forEach(function (platformName) {
// platform-ios
var /** @type {?} */ platformClass = 'platform-' + platformName;
_this.setElementClass(platformClass, true);
var /** @type {?} */ platformVersion = versions[platformName];
if (platformVersion) {
// platform-ios9
platformClass += platformVersion.major;
_this.setElementClass(platformClass, true);
// platform-ios9_3
_this.setElementClass(platformClass + '_' + platformVersion.minor, true);
}
});
// touch devices should not use :hover CSS pseudo
// enable :hover CSS when the "hoverCSS" setting is not false
if (this._config.getBoolean('hoverCSS', true)) {
this.setElementClass('enable-hover', true);
}
// sweet, the app root has loaded!
// which means angular and ionic has fully loaded!
// fire off the platform prepare ready, which could
// have been switched out by any of the platform engines
this._plt.prepareReady();
};
/**
* @hidden
* @param {?=} portal
* @return {?}
*/
IonicApp.prototype._getPortal = function (portal) {
if (portal === PORTAL_LOADING) {
return this._loadingPortal;
}
if (portal === PORTAL_TOAST) {
return this._toastPortal;
}
// Modals need their own overlay becuase we don't want an ActionSheet
// or Alert to trigger lifecycle events inside a modal
if (portal === PORTAL_MODAL) {
return this._modalPortal;
}
return this._overlayPortal;
};
/**
* @return {?}
*/
IonicApp.prototype._getActivePortal = function () {
var /** @type {?} */ defaultPortal = this._overlayPortal;
var /** @type {?} */ modalPortal = this._modalPortal;
var /** @type {?} */ hasModal = modalPortal.length() > 0;
var /** @type {?} */ hasDefault = defaultPortal.length() > 0;
if (!hasModal && !hasDefault) {
return null;
}
else if (hasModal && hasDefault) {
var /** @type {?} */ defaultIndex = defaultPortal.getActive().getZIndex();
var /** @type {?} */ modalIndex = modalPortal.getActive().getZIndex();
if (defaultIndex > modalIndex) {
return defaultPortal;
}
else {
(void 0) /* assert */;
return modalPortal;
}
}
if (hasModal) {
return modalPortal;
}
else if (hasDefault) {
return defaultPortal;
}
};
/**
* @param {?} shouldDisableScroll
* @return {?}
*/
IonicApp.prototype._disableScroll = function (shouldDisableScroll) {
var _this = this;
if (shouldDisableScroll) {
this.stopScroll().then(function () {
_this._tmr = _this._plt.timeout(function () {
(void 0) /* console.debug */;
_this.setElementClass('disable-scroll', true);
}, 32);
});
}
else {
var /** @type {?} */ plugin = this._stopScrollPlugin;
if (plugin && plugin.cancel) {
plugin.cancel();
}
clearTimeout(this._tmr);
(void 0) /* console.debug */;
this.setElementClass('disable-scroll', false);
}
};
/**
* @return {?}
*/
IonicApp.prototype.stopScroll = function () {
var _this = this;
if (this._stopScrollPlugin) {
return new Promise(function (resolve, reject) {
_this._stopScrollPlugin.stop(function () { return resolve(true); });
});
}
else {
return Promise.resolve(false);
}
};
return IonicApp;
}(Ion));
IonicApp.decorators = [
{ type: Component, args: [{
selector: 'ion-app',
template: '<div #viewport app-viewport></div>' +
'<div #modalPortal overlay-portal></div>' +
'<div #overlayPortal overlay-portal></div>' +
'<div #loadingPortal class="loading-portal" overlay-portal></div>' +
'<div #toastPortal class="toast-portal" [overlay-portal]="10000"></div>' +
'<div class="click-block"></div>'
},] },
];
/**
* @nocollapse
*/
IonicApp.ctorParameters = function () { return [
{ type: undefined, decorators: [{ type: Inject, args: [AppRootToken,] },] },
{ type: ComponentFactoryResolver, },
{ type: ElementRef, },
{ type: Renderer, },
{ type: Config, },
{ type: Platform, },
{ type: App, },
]; };
IonicApp.propDecorators = {
'_viewport': [{ type: ViewChild, args: ['viewport', { read: ViewContainerRef },] },],
'_modalPortal': [{ type: ViewChild, args: ['modalPortal', { read: OverlayPortal },] },],
'_overlayPortal': [{ type: ViewChild, args: ['overlayPortal', { read: OverlayPortal },] },],
'_loadingPortal': [{ type: ViewChild, args: ['loadingPortal', { read: OverlayPortal },] },],
'_toastPortal': [{ type: ViewChild, args: ['toastPortal', { read: OverlayPortal },] },],
};
var ScrollView = (function () {
/**
* @param {?} _app
* @param {?} _plt
* @param {?} _dom
*/
function ScrollView(_app, _plt, _dom) {
this._app = _app;
this._plt = _plt;
this._dom = _dom;
this.isScrolling = false;
this.initialized = false;
this._eventsEnabled = false;
this._t = 0;
this._l = 0;
this.ev = {
timeStamp: 0,
scrollTop: 0,
scrollLeft: 0,
scrollHeight: 0,
scrollWidth: 0,
contentHeight: 0,
contentWidth: 0,
contentTop: 0,
contentBottom: 0,
startY: 0,
startX: 0,
deltaY: 0,
deltaX: 0,
velocityY: 0,
velocityX: 0,
directionY: 'down',
directionX: null,
domWrite: _dom.write.bind(_dom)
};
}
/**
* @param {?} ele
* @param {?} contentTop
* @param {?} contentBottom
* @return {?}
*/
ScrollView.prototype.init = function (ele, contentTop, contentBottom) {
(void 0) /* assert */;
this._el = ele;
if (!this.initialized) {
this.initialized = true;
if (this._js) {
this.enableJsScroll(contentTop, contentBottom);
}
else {
this.enableNativeScrolling();
}
}
};
/**
* @return {?}
*/
ScrollView.prototype.enableEvents = function () {
this._eventsEnabled = true;
};
/**
* @return {?}
*/
ScrollView.prototype.enableNativeScrolling = function () {
(void 0) /* assert */;
(void 0) /* assert */;
(void 0) /* assert */;
this._js = false;
if (!this._el) {
return;
}
(void 0) /* console.debug */;
var /** @type {?} */ self = this;
var /** @type {?} */ ev = self.ev;
var /** @type {?} */ positions = [];
/**
* @param {?} scrollEvent
* @return {?}
*/
function scrollCallback(scrollEvent) {
// remind the app that it's currently scrolling
self._app.setScrolling();
// if events are disabled, we do nothing
if (!self._eventsEnabled) {
return;
}
ev.timeStamp = scrollEvent.timeStamp;
// Event.timeStamp is 0 in firefox
if (!ev.timeStamp) {
ev.timeStamp = Date.now();
}
// get the current scrollTop
// ******** DOM READ ****************
ev.scrollTop = self.getTop();
// get the current scrollLeft
// ******** DOM READ ****************
ev.scrollLeft = self.getLeft();
if (!self.isScrolling) {
// currently not scrolling, so this is a scroll start
self.isScrolling = true;
// remember the start positions
ev.startY = ev.scrollTop;
ev.startX = ev.scrollLeft;
// new scroll, so do some resets
ev.velocityY = ev.velocityX = 0;
ev.deltaY = ev.deltaX = 0;
positions.length = 0;
// emit only on the first scroll event
self.onScrollStart(ev);
}
// actively scrolling
positions.push(ev.scrollTop, ev.scrollLeft, ev.timeStamp);
if (positions.length > 3) {
// we've gotten at least 2 scroll events so far
ev.deltaY = (ev.scrollTop - ev.startY);
ev.deltaX = (ev.scrollLeft - ev.startX);
var /** @type {?} */ endPos = (positions.length - 1);
var /** @type {?} */ startPos = endPos;
var /** @type {?} */ timeRange = (ev.timeStamp - 100);
// move pointer to position measured 100ms ago
for (var /** @type {?} */ i = endPos; i > 0 && positions[i] > timeRange; i -= 3) {
startPos = i;
}
if (startPos !== endPos) {
// compute relative movement between these two points
var /** @type {?} */ movedTop = (positions[startPos - 2] - positions[endPos - 2]);
var /** @type {?} */ movedLeft = (positions[startPos - 1] - positions[endPos - 1]);
var /** @type {?} */ factor = FRAME_MS / (positions[endPos] - positions[startPos]);
// based on XXms compute the movement to apply for each render step
ev.velocityY = movedTop * factor;
ev.velocityX = movedLeft * factor;
// figure out which direction we're scrolling
ev.directionY = (movedTop > 0 ? 'up' : 'down');
ev.directionX = (movedLeft > 0 ? 'left' : 'right');
}
}
/**
* @return {?}
*/
function scrollEnd() {
// haven't scrolled in a while, so it's a scrollend
self.isScrolling = false;
// reset velocity, do not reset the directions or deltas
ev.velocityY = ev.velocityX = 0;
// emit that the scroll has ended
self.onScrollEnd(ev);
self._endTmr = null;
}
// emit on each scroll event
self.onScroll(ev);
// debounce for a moment after the last scroll event
self._dom.cancel(self._endTmr);
self._endTmr = self._dom.read(scrollEnd, SCROLL_END_DEBOUNCE_MS);
}
// clear out any existing listeners (just to be safe)
self._lsn && self._lsn();
// assign the raw scroll listener
// note that it does not have a wrapping requestAnimationFrame on purpose
// a scroll event callback will always be right before the raf callback
// so there's little to no value of using raf here since it'll all ways immediately
// call the raf if it was set within the scroll event, so this will save us some time
self._lsn = self._plt.registerListener(self._el, 'scroll', scrollCallback, EVENT_OPTS);
};
/**
* @hidden
* JS Scrolling has been provided only as a temporary solution
* until iOS apps can take advantage of scroll events at all times.
* The goal is to eventually remove JS scrolling entirely. When we
* no longer have to worry about iOS not firing scroll events during
* inertia then this can be burned to the ground. iOS's more modern
* WKWebView does not have this issue, only UIWebView does.
* @param {?} contentTop
* @param {?} contentBottom
* @return {?}
*/
ScrollView.prototype.enableJsScroll = function (contentTop, contentBottom) {
var /** @type {?} */ self = this;
self._js = true;
var /** @type {?} */ ele = self._el;
if (!ele) {
return;
}
(void 0) /* console.debug */;
var /** @type {?} */ ev = self.ev;
var /** @type {?} */ positions = [];
var /** @type {?} */ rafCancel;
var /** @type {?} */ max;
/**
* @return {?}
*/
function setMax() {
if (!max) {
// ******** DOM READ ****************
max = ele.scrollHeight - ele.parentElement.offsetHeight + contentTop + contentBottom;
}
}
/**
* @param {?} timeStamp
* @return {?}
*/
function jsScrollDecelerate(timeStamp) {
ev.timeStamp = timeStamp;
(void 0) /* console.debug */;
if (ev.velocityY) {
ev.velocityY *= DECELERATION_FRICTION;
// update top with updated velocity
// clamp top within scroll limits
// ******** DOM READ ****************
setMax();
self._t = Math.min(Math.max(self._t + ev.velocityY, 0), max);
ev.scrollTop = self._t;
// emit on each scroll event
self.onScroll(ev);
self._dom.write(function () {
// ******** DOM WRITE ****************
self.setTop(self._t);
if (self._t > 0 && self._t < max && Math.abs(ev.velocityY) > MIN_VELOCITY_CONTINUE_DECELERATION) {
rafCancel = self._dom.read(function (rafTimeStamp) {
jsScrollDecelerate(rafTimeStamp);
});
}
else {
// haven't scrolled in a while, so it's a scrollend
self.isScrolling = false;
// reset velocity, do not reset the directions or deltas
ev.velocityY = ev.velocityX = 0;
// emit that the scroll has ended
self.onScrollEnd(ev);
}
});
}
}
/**
* @param {?} touchEvent
* @return {?}
*/
function jsScrollTouchStart(touchEvent) {
positions.length = 0;
max = null;
self._dom.cancel(rafCancel);
positions.push(pointerCoord(touchEvent).y, touchEvent.timeStamp);
}
/**
* @param {?} touchEvent
* @return {?}
*/
function jsScrollTouchMove(touchEvent) {
if (!positions.length) {
return;
}
ev.timeStamp = touchEvent.timeStamp;
var /** @type {?} */ y = pointerCoord(touchEvent).y;
// ******** DOM READ ****************
setMax();
self._t -= (y - positions[positions.length - 2]);
self._t = Math.min(Math.max(self._t, 0), max);
positions.push(y, ev.timeStamp);
if (!self.isScrolling) {
// remember the start position
ev.startY = self._t;
// new scroll, so do some resets
ev.velocityY = ev.deltaY = 0;
self.isScrolling = true;
// emit only on the first scroll event
self.onScrollStart(ev);
}
self._dom.write(function () {
// ******** DOM WRITE ****************
self.setTop(self._t);
});
}
/**
* @param {?} touchEvent
* @return {?}
*/
function jsScrollTouchEnd(touchEvent) {
// figure out what the scroll position was about 100ms ago
self._dom.cancel(rafCancel);
if (!positions.length && self.isScrolling) {
self.isScrolling = false;
ev.velocityY = ev.velocityX = 0;
self.onScrollEnd(ev);
return;
}
var /** @type {?} */ y = pointerCoord(touchEvent).y;
positions.push(y, touchEvent.timeStamp);
var /** @type {?} */ endPos = (positions.length - 1);
var /** @type {?} */ startPos = endPos;
var /** @type {?} */ timeRange = (touchEvent.timeStamp - 100);
// move pointer to position measured 100ms ago
for (var /** @type {?} */ i = endPos; i > 0 && positions[i] > timeRange; i -= 2) {
startPos = i;
}
if (startPos !== endPos) {
// compute relative movement between these two points
var /** @type {?} */ timeOffset = (positions[endPos] - positions[startPos]);
var /** @type {?} */ movedTop = (positions[startPos - 1] - positions[endPos - 1]);
// based on XXms compute the movement to apply for each render step
ev.velocityY = ((movedTop / timeOffset) * FRAME_MS);
// verify that we have enough velocity to start deceleration
if (Math.abs(ev.velocityY) > MIN_VELOCITY_START_DECELERATION) {
// ******** DOM READ ****************
setMax();
rafCancel = self._dom.read(function (rafTimeStamp) {
jsScrollDecelerate(rafTimeStamp);
});
}
}
else {
self.isScrolling = false;
ev.velocityY = 0;
self.onScrollEnd(ev);
}
positions.length = 0;
}
var /** @type {?} */ plt = self._plt;
var /** @type {?} */ unRegStart = plt.registerListener(ele, 'touchstart', jsScrollTouchStart, EVENT_OPTS);
var /** @type {?} */ unRegMove = plt.registerListener(ele, 'touchmove', jsScrollTouchMove, EVENT_OPTS);
var /** @type {?} */ unRegEnd = plt.registerListener(ele, 'touchend', jsScrollTouchEnd, EVENT_OPTS);
ele.parentElement.classList.add('js-scroll');
// stop listening for actual scroll events
self._lsn && self._lsn();
// create an unregister for all of these events
self._lsn = function () {
unRegStart();
unRegMove();
unRegEnd();
ele.parentElement.classList.remove('js-scroll');
};
};
/**
* DOM READ
* @return {?}
*/
ScrollView.prototype.getTop = function () {
if (this._js) {
return this._t;
}
return this._t = this._el.scrollTop;
};
/**
* DOM READ
* @return {?}
*/
ScrollView.prototype.getLeft = function () {
if (this._js) {
return 0;
}
return this._l = this._el.scrollLeft;
};
/**
* DOM WRITE
* @param {?} top
* @return {?}
*/
ScrollView.prototype.setTop = function (top) {
this._t = top;
if (this._js) {
((this._el.style))[this._plt.Css.transform] = "translate3d(" + this._l * -1 + "px," + top * -1 + "px,0px)";
}
else {
this._el.scrollTop = top;
}
};
/**
* DOM WRITE
* @param {?} left
* @return {?}
*/
ScrollView.prototype.setLeft = function (left) {
this._l = left;
if (this._js) {
((this._el.style))[this._plt.Css.transform] = "translate3d(" + left * -1 + "px," + this._t * -1 + "px,0px)";
}
else {
this._el.scrollLeft = left;
}
};
/**
* @param {?} x
* @param {?} y
* @param {?} duration
* @param {?=} done
* @return {?}
*/
ScrollView.prototype.scrollTo = function (x, y, duration, done) {
// scroll animation loop w/ easing
// credit https://gist.github.com/dezinezync/5487119
var /** @type {?} */ promise;
if (done === undefined) {
// only create a promise if a done callback wasn't provided
// done can be a null, which avoids any functions
promise = new Promise(function (resolve) {
done = resolve;
});
}
var /** @type {?} */ self = this;
var /** @type {?} */ el = self._el;
if (!el) {
// invalid element
done();
return promise;
}
if (duration < 32) {
self.setTop(y);
self.setLeft(x);
done();
return promise;
}
var /** @type {?} */ fromY = el.scrollTop;
var /** @type {?} */ fromX = el.scrollLeft;
var /** @type {?} */ maxAttempts = (duration / 16) + 100;
var /** @type {?} */ transform = self._plt.Css.transform;
var /** @type {?} */ startTime;
var /** @type {?} */ attempts = 0;
var /** @type {?} */ stopScroll = false;
/**
* @param {?} timeStamp
* @return {?}
*/
function step(timeStamp) {
attempts++;
if (!self._el || stopScroll || attempts > maxAttempts) {
self.isScrolling = false;
((el.style))[transform] = '';
done();
return;
}
var /** @type {?} */ time = Math.min(1, ((timeStamp - startTime) / duration));
// where .5 would be 50% of time on a linear scale easedT gives a
// fraction based on the easing method
var /** @type {?} */ easedT = (--time) * time * time + 1;
if (fromY !== y) {
self.setTop((easedT * (y - fromY)) + fromY);
}
if (fromX !== x) {
self.setLeft(Math.floor((easedT * (x - fromX)) + fromX));
}
if (easedT < 1) {
// do not use DomController here
// must use nativeRaf in order to fire in the next frame
self._plt.raf(step);
}
else {
stopScroll = true;
self.isScrolling = false;
((el.style))[transform] = '';
done();
}
}
// start scroll loop
self.isScrolling = true;
// chill out for a frame first
self._dom.write(function (timeStamp) {
startTime = timeStamp;
step(timeStamp);
}, 16);
return promise;
};
/**
* @param {?} duration
* @return {?}
*/
ScrollView.prototype.scrollToTop = function (duration) {
return this.scrollTo(0, 0, duration);
};
/**
* @param {?} duration
* @return {?}
*/
ScrollView.prototype.scrollToBottom = function (duration) {
var /** @type {?} */ y = 0;
if (this._el) {
y = this._el.scrollHeight - this._el.clientHeight;
}
return this.scrollTo(0, y, duration);
};
/**
* @return {?}
*/
ScrollView.prototype.stop = function () {
this.isScrolling = false;
};
/**
* @hidden
* @return {?}
*/
ScrollView.prototype.destroy = function () {
this.stop();
this._endTmr && this._dom.cancel(this._endTmr);
this._lsn && this._lsn();
var /** @type {?} */ ev = this.ev;
ev.domWrite = ev.contentElement = ev.fixedElement = ev.scrollElement = ev.headerElement = null;
this._lsn = this._el = this._dom = this.ev = ev = null;
this.onScrollStart = this.onScroll = this.onScrollEnd = null;
};
return ScrollView;
}());
var SCROLL_END_DEBOUNCE_MS = 80;
var MIN_VELOCITY_START_DECELERATION = 4;
var MIN_VELOCITY_CONTINUE_DECELERATION = 0.12;
var DECELERATION_FRICTION = 0.97;
var FRAME_MS = (1000 / 60);
var EVENT_OPTS = {
passive: true,
zone: false
};
/**
* \@name Events
* \@description
* Events is a publish-subscribe style event system for sending and responding to application-level
* events across your app.
*
* \@usage
* ```ts
* import { Events } from 'ionic-angular';
*
* constructor(public events: Events) {}
*
* // first page (publish an event when a user is created)
* function createUser(user) {
* console.log('User created!')
* events.publish('user:created', user, Date.now());
* }
*
* // second page (listen for the user created event)
* events.subscribe('user:created', (user, time) => {
* // user and time are the same arguments passed in `events.publish(user, time)`
* console.log('Welcome', user, 'at', time);
* });
*
* ```
* \@demo /docs/demos/src/events/
*/
var Events = (function () {
function Events() {
this._channels = [];
}
/**
* Subscribe to an event topic. Events that get posted to that topic will trigger the provided handler.
*
* @param {?} topic
* @param {...?} handlers
* @return {?}
*/
Events.prototype.subscribe = function (topic) {
var _this = this;
var handlers = [];
for (var _i = 1; _i < arguments.length; _i++) {
handlers[_i - 1] = arguments[_i];
}
if (!this._channels[topic]) {
this._channels[topic] = [];
}
handlers.forEach(function (handler) {
_this._channels[topic].push(handler);
});
};
/**
* Unsubscribe from the given topic. Your handler will no longer receive events published to this topic.
*
*
* @param {?} topic
* @param {?=} handler
* @return {?} true if a handler was removed
*/
Events.prototype.unsubscribe = function (topic, handler) {
if (handler === void 0) { handler = null; }
var /** @type {?} */ t = this._channels[topic];
if (!t) {
// Wasn't found, wasn't removed
return false;
}
if (!handler) {
// Remove all handlers for this topic
delete this._channels[topic];
return true;
}
// We need to find and remove a specific handler
var /** @type {?} */ i = t.indexOf(handler);
if (i < 0) {
// Wasn't found, wasn't removed
return false;
}
t.splice(i, 1);
// If the channel is empty now, remove it from the channel map
if (!t.length) {
delete this._channels[topic];
}
return true;
};
/**
* Publish an event to the given topic.
*
* @param {?} topic
* @param {...?} args
* @return {?}
*/
Events.prototype.publish = function (topic) {
var args = [];
for (var _i = 1; _i < arguments.length; _i++) {
args[_i - 1] = arguments[_i];
}
var /** @type {?} */ t = this._channels[topic];
if (!t) {
return null;
}
var /** @type {?} */ responses = [];
t.forEach(function (handler) {
responses.push(handler.apply(void 0, args));
});
return responses;
};
return Events;
}());
/**
* @hidden
* @param {?} plt
* @param {?} dom
* @return {?}
*/
function setupEvents(plt, dom) {
var /** @type {?} */ events = new Events();
var /** @type {?} */ win = plt.win();
var /** @type {?} */ doc = plt.doc();
// start listening for resizes XXms after the app starts
plt.timeout(function () {
win.addEventListener('online', function (ev) {
events.publish('app:online', ev);
}, false);
win.addEventListener('offline', function (ev) {
events.publish('app:offline', ev);
}, false);
win.addEventListener('orientationchange', function (ev) {
events.publish('app:rotated', ev);
});
// When that status taps, we respond
win.addEventListener('statusTap', function (ev) {
// TODO: Make this more better
var /** @type {?} */ el = (doc.elementFromPoint(plt.width() / 2, plt.height() / 2));
if (!el) {
return;
}
var /** @type {?} */ contentEle = (el.closest('.scroll-content'));
if (contentEle) {
var /** @type {?} */ style = contentEle.style;
var /** @type {?} */ scroll = new ScrollView(null, plt, dom);
scroll._el = contentEle;
// We need to stop scrolling if it's happening and scroll up
style['WebkitBackfaceVisibility'] = 'hidden';
style['WebkitTransform'] = 'translate3d(0,0,0)';
dom.write(function () {
style.overflow = 'hidden';
/**
* @return {?}
*/
function finish() {
style.overflow = '';
style['WebkitBackfaceVisibility'] = '';
style['WebkitTransform'] = '';
}
var /** @type {?} */ didScrollTimeout = plt.timeout(function () {
finish();
}, 400);
scroll.scrollTo(0, 0, 300).then(function () {
plt.cancelTimeout(didScrollTimeout);
finish();
});
});
}
});
}, 2000);
return events;
}
/**
* @hidden
* @param {?} plt
* @param {?} dom
* @return {?}
*/
function setupProvideEvents(plt, dom) {
return function () {
return setupEvents(plt, dom);
};
}
/**
* @hidden
*/
var Form = (function () {
function Form() {
this._focused = null;
this._ids = -1;
this._inputs = [];
}
/**
* @param {?} input
* @return {?}
*/
Form.prototype.register = function (input) {
this._inputs.push(input);
};
/**
* @param {?} input
* @return {?}
*/
Form.prototype.deregister = function (input) {
removeArrayItem(this._inputs, input);
if (input === this._focused) {
this._focused = null;
}
};
/**
* @param {?} input
* @return {?}
*/
Form.prototype.setAsFocused = function (input) {
this._focused = input;
};
/**
* Focuses the next input element, if it exists.
* @param {?} currentInput
* @return {?}
*/
Form.prototype.tabFocus = function (currentInput) {
var /** @type {?} */ index = this._inputs.indexOf(currentInput);
if (index > -1 && (index + 1) < this._inputs.length) {
var /** @type {?} */ nextInput = this._inputs[index + 1];
if (nextInput !== this._focused) {
(void 0) /* console.debug */;
return nextInput.initFocus();
}
}
index = this._inputs.indexOf(this._focused);
if (index > 0) {
var /** @type {?} */ previousInput = this._inputs[index - 1];
if (previousInput) {
(void 0) /* console.debug */;
previousInput.initFocus();
}
}
};
/**
* @return {?}
*/
Form.prototype.nextId = function () {
return ++this._ids;
};
return Form;
}());
Form.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
Form.ctorParameters = function () { return []; };
/**
* @hidden
* @abstract
*/
var IonicTapInput = (function () {
function IonicTapInput() {
}
/**
* @abstract
* @return {?}
*/
IonicTapInput.prototype.initFocus = function () { };
/**
* @abstract
* @return {?}
*/
IonicTapInput.prototype.checked = function () { };
/**
* @abstract
* @param {?} val
* @return {?}
*/
IonicTapInput.prototype.checked = function (val) { };
/**
* @abstract
* @return {?}
*/
IonicTapInput.prototype.disabled = function () { };
/**
* @abstract
* @param {?} val
* @return {?}
*/
IonicTapInput.prototype.disabled = function (val) { };
return IonicTapInput;
}());
/**
* @hidden
* @abstract
*/
var IonicFormInput = (function () {
function IonicFormInput() {
}
/**
* @abstract
* @return {?}
*/
IonicFormInput.prototype.initFocus = function () { };
return IonicFormInput;
}());
/**
* \@name Haptic
* \@description
* The `Haptic` class interacts with a haptic engine on the device, if
* available. Generally, Ionic components use this under the hood, but you're
* welcome to get a bit crazy with it if you fancy.
*
* Currently, this uses the Taptic engine on iOS.
*
* \@usage
* ```ts
* export class MyClass{
* constructor(haptic: Haptic){
* haptic.selection();
* }
* }
*
* ```
*/
var Haptic = (function () {
/**
* @param {?} plt
*/
function Haptic(plt) {
var _this = this;
if (plt) {
plt.ready().then(function () {
_this._p = plt.win().TapticEngine;
});
}
}
/**
* Check to see if the Haptic Plugin is available
*
* @return {?}
*/
Haptic.prototype.available = function () {
return !!this._p;
};
/**
* Trigger a selection changed haptic event. Good for one-time events
* (not for gestures)
* @return {?}
*/
Haptic.prototype.selection = function () {
this._p && this._p.selection();
};
/**
* Tell the haptic engine that a gesture for a selection change is starting.
* @return {?}
*/
Haptic.prototype.gestureSelectionStart = function () {
this._p && this._p.gestureSelectionStart();
};
/**
* Tell the haptic engine that a selection changed during a gesture.
* @return {?}
*/
Haptic.prototype.gestureSelectionChanged = function () {
this._p && this._p.gestureSelectionChanged();
};
/**
* Tell the haptic engine we are done with a gesture. This needs to be
* called lest resources are not properly recycled.
* @return {?}
*/
Haptic.prototype.gestureSelectionEnd = function () {
this._p && this._p.gestureSelectionEnd();
};
/**
* Use this to indicate success/failure/warning to the user.
* options should be of the type `{ type: 'success' }` (or `warning`/`error`)
* @param {?} options
* @return {?}
*/
Haptic.prototype.notification = function (options) {
this._p && this._p.notification(options);
};
/**
* Use this to indicate success/failure/warning to the user.
* options should be of the type `{ style: 'light' }` (or `medium`/`heavy`)
* @param {?} options
* @return {?}
*/
Haptic.prototype.impact = function (options) {
this._p && this._p.impact(options);
};
return Haptic;
}());
Haptic.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
Haptic.ctorParameters = function () { return [
{ type: Platform, },
]; };
/**
* @hidden
*/
var LoadingCmp = (function () {
/**
* @param {?} _viewCtrl
* @param {?} _config
* @param {?} _plt
* @param {?} _elementRef
* @param {?} gestureCtrl
* @param {?} params
* @param {?} renderer
*/
function LoadingCmp(_viewCtrl, _config, _plt, _elementRef, gestureCtrl, params, renderer) {
this._viewCtrl = _viewCtrl;
this._config = _config;
this._plt = _plt;
this._elementRef = _elementRef;
(void 0) /* assert */;
this.gestureBlocker = gestureCtrl.createBlocker(BLOCK_ALL);
this.d = params.data;
renderer.setElementClass(_elementRef.nativeElement, "loading-" + _config.get('mode'), true);
if (this.d.cssClass) {
this.d.cssClass.split(' ').forEach(function (cssClass) {
// Make sure the class isn't whitespace, otherwise it throws exceptions
if (cssClass.trim() !== '')
renderer.setElementClass(_elementRef.nativeElement, cssClass, true);
});
}
this.id = (++loadingIds);
}
/**
* @return {?}
*/
LoadingCmp.prototype.ngOnInit = function () {
// If no spinner was passed in loading options we need to fall back
// to the loadingSpinner in the app's config, then the mode spinner
if (isUndefined(this.d.spinner)) {
this.d.spinner = this._config.get('loadingSpinner', this._config.get('spinner', 'ios'));
}
// If the user passed hide to the spinner we don't want to show it
this.showSpinner = isDefined(this.d.spinner) && this.d.spinner !== 'hide';
};
/**
* @return {?}
*/
LoadingCmp.prototype.ionViewWillEnter = function () {
this.gestureBlocker.block();
};
/**
* @return {?}
*/
LoadingCmp.prototype.ionViewDidLeave = function () {
this.gestureBlocker.unblock();
};
/**
* @return {?}
*/
LoadingCmp.prototype.ionViewDidEnter = function () {
var _this = this;
this._plt.focusOutActiveElement();
// If there is a duration, dismiss after that amount of time
if (this.d && this.d.duration) {
this.durationTimeout = setTimeout(function () { return _this.dismiss('backdrop'); }, this.d.duration);
}
};
/**
* @param {?} role
* @return {?}
*/
LoadingCmp.prototype.dismiss = function (role) {
if (this.durationTimeout) {
clearTimeout(this.durationTimeout);
}
return this._viewCtrl.dismiss(null, role);
};
/**
* @return {?}
*/
LoadingCmp.prototype.ngOnDestroy = function () {
(void 0) /* assert */;
this.gestureBlocker.destroy();
};
return LoadingCmp;
}());
LoadingCmp.decorators = [
{ type: Component, args: [{
selector: 'ion-loading',
template: '<ion-backdrop [hidden]="!d.showBackdrop"></ion-backdrop>' +
'<div class="loading-wrapper">' +
'<div *ngIf="showSpinner" class="loading-spinner">' +
'<ion-spinner [name]="d.spinner"></ion-spinner>' +
'</div>' +
'<div *ngIf="d.content" [innerHTML]="d.content" class="loading-content"></div>' +
'</div>',
host: {
'role': 'dialog'
},
encapsulation: ViewEncapsulation.None,
},] },
];
/**
* @nocollapse
*/
LoadingCmp.ctorParameters = function () { return [
{ type: ViewController, },
{ type: Config, },
{ type: Platform, },
{ type: ElementRef, },
{ type: GestureController, },
{ type: NavParams, },
{ type: Renderer, },
]; };
var loadingIds = -1;
var __extends$35 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* Animations for loading
*/
var LoadingPopIn = (function (_super) {
__extends$35(LoadingPopIn, _super);
function LoadingPopIn() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
LoadingPopIn.prototype.init = function () {
var /** @type {?} */ ele = this.enteringView.pageRef().nativeElement;
var /** @type {?} */ backdrop = new Animation(this.plt, ele.querySelector('ion-backdrop'));
var /** @type {?} */ wrapper = new Animation(this.plt, ele.querySelector('.loading-wrapper'));
wrapper.fromTo('opacity', 0.01, 1).fromTo('scale', 1.1, 1);
backdrop.fromTo('opacity', 0.01, 0.3);
this
.easing('ease-in-out')
.duration(200)
.add(backdrop)
.add(wrapper);
};
return LoadingPopIn;
}(Transition));
var LoadingPopOut = (function (_super) {
__extends$35(LoadingPopOut, _super);
function LoadingPopOut() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
LoadingPopOut.prototype.init = function () {
var /** @type {?} */ ele = this.leavingView.pageRef().nativeElement;
var /** @type {?} */ backdrop = new Animation(this.plt, ele.querySelector('ion-backdrop'));
var /** @type {?} */ wrapper = new Animation(this.plt, ele.querySelector('.loading-wrapper'));
wrapper.fromTo('opacity', 0.99, 0).fromTo('scale', 1, 0.9);
backdrop.fromTo('opacity', 0.3, 0);
this
.easing('ease-in-out')
.duration(200)
.add(backdrop)
.add(wrapper);
};
return LoadingPopOut;
}(Transition));
var LoadingMdPopIn = (function (_super) {
__extends$35(LoadingMdPopIn, _super);
function LoadingMdPopIn() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
LoadingMdPopIn.prototype.init = function () {
var /** @type {?} */ ele = this.enteringView.pageRef().nativeElement;
var /** @type {?} */ backdrop = new Animation(this.plt, ele.querySelector('ion-backdrop'));
var /** @type {?} */ wrapper = new Animation(this.plt, ele.querySelector('.loading-wrapper'));
wrapper.fromTo('opacity', 0.01, 1).fromTo('scale', 1.1, 1);
backdrop.fromTo('opacity', 0.01, 0.5);
this
.easing('ease-in-out')
.duration(200)
.add(backdrop)
.add(wrapper);
};
return LoadingMdPopIn;
}(Transition));
var LoadingMdPopOut = (function (_super) {
__extends$35(LoadingMdPopOut, _super);
function LoadingMdPopOut() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
LoadingMdPopOut.prototype.init = function () {
var /** @type {?} */ ele = this.leavingView.pageRef().nativeElement;
var /** @type {?} */ backdrop = new Animation(this.plt, ele.querySelector('ion-backdrop'));
var /** @type {?} */ wrapper = new Animation(this.plt, ele.querySelector('.loading-wrapper'));
wrapper.fromTo('opacity', 0.99, 0).fromTo('scale', 1, 0.9);
backdrop.fromTo('opacity', 0.5, 0);
this
.easing('ease-in-out')
.duration(200)
.add(backdrop)
.add(wrapper);
};
return LoadingMdPopOut;
}(Transition));
var LoadingWpPopIn = (function (_super) {
__extends$35(LoadingWpPopIn, _super);
function LoadingWpPopIn() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
LoadingWpPopIn.prototype.init = function () {
var /** @type {?} */ ele = this.enteringView.pageRef().nativeElement;
var /** @type {?} */ backdrop = new Animation(this.plt, ele.querySelector('ion-backdrop'));
var /** @type {?} */ wrapper = new Animation(this.plt, ele.querySelector('.loading-wrapper'));
wrapper.fromTo('opacity', 0.01, 1).fromTo('scale', 1.3, 1);
backdrop.fromTo('opacity', 0.01, 0.16);
this
.easing('cubic-bezier(0,0,0.05,1)')
.duration(200)
.add(backdrop)
.add(wrapper);
};
return LoadingWpPopIn;
}(Transition));
var LoadingWpPopOut = (function (_super) {
__extends$35(LoadingWpPopOut, _super);
function LoadingWpPopOut() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
LoadingWpPopOut.prototype.init = function () {
var /** @type {?} */ ele = this.leavingView.pageRef().nativeElement;
var /** @type {?} */ backdrop = new Animation(this.plt, ele.querySelector('ion-backdrop'));
var /** @type {?} */ wrapper = new Animation(this.plt, ele.querySelector('.loading-wrapper'));
wrapper.fromTo('opacity', 0.99, 0).fromTo('scale', 1, 1.3);
backdrop.fromTo('opacity', 0.16, 0);
this
.easing('ease-out')
.duration(150)
.add(backdrop)
.add(wrapper);
};
return LoadingWpPopOut;
}(Transition));
var __extends$34 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* @hidden
*/
var Loading = (function (_super) {
__extends$34(Loading, _super);
/**
* @param {?} app
* @param {?=} opts
* @param {?=} config
*/
function Loading(app, opts, config) {
if (opts === void 0) { opts = {}; }
var _this = this;
opts.showBackdrop = isPresent$1(opts.showBackdrop) ? !!opts.showBackdrop : true;
opts.dismissOnPageChange = isPresent$1(opts.dismissOnPageChange) ? !!opts.dismissOnPageChange : false;
_this = _super.call(this, LoadingCmp, opts, null) || this;
_this._app = app;
_this.isOverlay = true;
config.setTransition('loading-pop-in', LoadingPopIn);
config.setTransition('loading-pop-out', LoadingPopOut);
config.setTransition('loading-md-pop-in', LoadingMdPopIn);
config.setTransition('loading-md-pop-out', LoadingMdPopOut);
config.setTransition('loading-wp-pop-in', LoadingWpPopIn);
config.setTransition('loading-wp-pop-out', LoadingWpPopOut);
return _this;
}
/**
* @hidden
* @param {?} direction
* @return {?}
*/
Loading.prototype.getTransitionName = function (direction) {
var /** @type {?} */ key = (direction === 'back' ? 'loadingLeave' : 'loadingEnter');
return this._nav && this._nav.config.get(key);
};
/**
* @param {?} content
* @return {?}
*/
Loading.prototype.setContent = function (content) {
this.data.content = content;
return this;
};
/**
* @param {?} spinner
* @return {?}
*/
Loading.prototype.setSpinner = function (spinner) {
this.data.spinner = spinner;
return this;
};
/**
* @param {?} cssClass
* @return {?}
*/
Loading.prototype.setCssClass = function (cssClass) {
this.data.cssClass = cssClass;
return this;
};
/**
* @param {?} showBackdrop
* @return {?}
*/
Loading.prototype.setShowBackdrop = function (showBackdrop) {
this.data.showBackdrop = showBackdrop;
return this;
};
/**
* @param {?} dur
* @return {?}
*/
Loading.prototype.setDuration = function (dur) {
this.data.duration = dur;
return this;
};
/**
* Present the loading instance.
*
* @param {?=} navOptions
* @return {?}
*/
Loading.prototype.present = function (navOptions) {
if (navOptions === void 0) { navOptions = {}; }
return this._app.present(this, navOptions, PORTAL_LOADING);
};
/**
* Dismiss all loading components which have been presented.
* @return {?}
*/
Loading.prototype.dismissAll = function () {
this._nav && this._nav.popAll();
};
return Loading;
}(ViewController));
/**
* \@name LoadingController
* \@description
* An overlay that can be used to indicate activity while blocking user
* interaction. The loading indicator appears on top of the app's content,
* and can be dismissed by the app to resume user interaction with
* the app. It includes an optional backdrop, which can be disabled
* by setting `showBackdrop: false` upon creation.
*
* ### Creating
* You can pass all of the loading options in the first argument of
* the create method: `create(opts)`. The spinner name should be
* passed in the `spinner` property, and any optional HTML can be passed
* in the `content` property. If you do not pass a value to `spinner`
* the loading indicator will use the spinner specified by the mode. To
* set the spinner name across the app, set the value of `loadingSpinner`
* in your app's config. To hide the spinner, set `loadingSpinner: 'hide'`
* in the app's config or pass `spinner: 'hide'` in the loading
* options. See the [create](#create) method below for all available options.
*
* ### Dismissing
* The loading indicator can be dismissed automatically after a specific
* amount of time by passing the number of milliseconds to display it in
* the `duration` of the loading options. By default the loading indicator
* will show even during page changes, but this can be disabled by setting
* `dismissOnPageChange` to `true`. To dismiss the loading indicator after
* creation, call the `dismiss()` method on the Loading instance. The
* `onDidDismiss` function can be called to perform an action after the loading
* indicator is dismissed.
*
* >Note that after the component is dismissed, it will not be usable anymore
* and another one must be created. This can be avoided by wrapping the
* creation and presentation of the component in a reusable function as shown
* in the `usage` section below.
*
* ### Limitations
* The element is styled to appear on top of other content by setting its
* `z-index` property. You must ensure no element has a stacking context with
* a higher `z-index` than this element.
*
* \@usage
* ```ts
* constructor(public loadingCtrl: LoadingController) {
*
* }
*
* presentLoadingDefault() {
* let loading = this.loadingCtrl.create({
* content: 'Please wait...'
* });
*
* loading.present();
*
* setTimeout(() => {
* loading.dismiss();
* }, 5000);
* }
*
* presentLoadingCustom() {
* let loading = this.loadingCtrl.create({
* spinner: 'hide',
* content: `
* <div class="custom-spinner-container">
* <div class="custom-spinner-box"></div>
* </div>`,
* duration: 5000
* });
*
* loading.onDidDismiss(() => {
* console.log('Dismissed loading');
* });
*
* loading.present();
* }
*
* presentLoadingText() {
* let loading = this.loadingCtrl.create({
* spinner: 'hide',
* content: 'Loading Please Wait...'
* });
*
* loading.present();
*
* setTimeout(() => {
* this.nav.push(Page2);
* }, 1000);
*
* setTimeout(() => {
* loading.dismiss();
* }, 5000);
* }
* ```
* \@advanced
*
* Loading options
*
* | Option | Type | Description |
* |-----------------------|------------|------------------------------------------------------------------------------------------------------------------|
* | spinner |`string` | The name of the SVG spinner for the loading indicator. |
* | content |`string` | The html content for the loading indicator. |
* | cssClass |`string` | Additional classes for custom styles, separated by spaces. |
* | showBackdrop |`boolean` | Whether to show the backdrop. Default true. |
* | dismissOnPageChange |`boolean` | Whether to dismiss the indicator when navigating to a new page. Default false. |
* | duration |`number` | How many milliseconds to wait before hiding the indicator. By default, it will show until `dismiss()` is called. |
*
* \@demo /docs/demos/src/loading/
* @see {\@link /docs/api/components/spinner/Spinner Spinner API Docs}
*/
var LoadingController = (function () {
/**
* @param {?} _app
* @param {?} config
*/
function LoadingController(_app, config) {
this._app = _app;
this.config = config;
}
/**
* Create a loading indicator. See below for options.
* @param {?=} opts
* @return {?}
*/
LoadingController.prototype.create = function (opts) {
if (opts === void 0) { opts = {}; }
return new Loading(this._app, opts, this.config);
};
return LoadingController;
}());
LoadingController.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
LoadingController.ctorParameters = function () { return [
{ type: App, },
{ type: Config, },
]; };
var OverlayProxy = (function () {
/**
* @param {?} _app
* @param {?} _component
* @param {?} _config
* @param {?} _deepLinker
*/
function OverlayProxy(_app, _component, _config, _deepLinker) {
this._app = _app;
this._component = _component;
this._config = _config;
this._deepLinker = _deepLinker;
}
/**
* @return {?}
*/
OverlayProxy.prototype.getImplementation = function () {
throw new Error('Child class must implement "getImplementation" method');
};
/**
* Present the modal instance.
*
* @param {?=} navOptions
* @return {?}
*/
OverlayProxy.prototype.present = function (navOptions) {
var _this = this;
if (navOptions === void 0) { navOptions = {}; }
// check if it's a lazy loaded component, or not
var /** @type {?} */ isLazyLoaded = isString(this._component);
if (isLazyLoaded) {
return this._deepLinker.getComponentFromName(this._component).then(function (loadedComponent) {
_this._component = loadedComponent;
return _this.createAndPresentOverlay(navOptions);
});
}
else {
return this.createAndPresentOverlay(navOptions);
}
};
/**
* @param {?=} data
* @param {?=} role
* @param {?=} navOptions
* @return {?}
*/
OverlayProxy.prototype.dismiss = function (data, role, navOptions) {
if (this.overlay) {
return this.overlay.dismiss();
}
};
/**
* Called when the current viewController has be successfully dismissed
* @param {?} callback
* @return {?}
*/
OverlayProxy.prototype.onDidDismiss = function (callback) {
this._onDidDismiss = callback;
if (this.overlay) {
this.overlay.onDidDismiss(this._onDidDismiss);
}
};
/**
* @param {?} navOptions
* @return {?}
*/
OverlayProxy.prototype.createAndPresentOverlay = function (navOptions) {
this.overlay = this.getImplementation();
this.overlay.onWillDismiss(this._onWillDismiss);
this.overlay.onDidDismiss(this._onDidDismiss);
return this.overlay.present(navOptions);
};
/**
* Called when the current viewController will be dismissed
* @param {?} callback
* @return {?}
*/
OverlayProxy.prototype.onWillDismiss = function (callback) {
this._onWillDismiss = callback;
if (this.overlay) {
this.overlay.onWillDismiss(this._onWillDismiss);
}
};
return OverlayProxy;
}());
/**
* NgModuleFactoryLoader that uses SystemJS to load NgModuleFactory
*/
var NgModuleLoader = (function () {
/**
* @param {?} _compiler
*/
function NgModuleLoader(_compiler) {
this._compiler = _compiler;
}
/**
* @param {?} modulePath
* @param {?} ngModuleExport
* @return {?}
*/
NgModuleLoader.prototype.load = function (modulePath, ngModuleExport) {
var /** @type {?} */ offlineMode = this._compiler instanceof Compiler;
return offlineMode ? loadPrecompiledFactory(modulePath, ngModuleExport) : loadAndCompile(this._compiler, modulePath, ngModuleExport);
};
return NgModuleLoader;
}());
NgModuleLoader.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
NgModuleLoader.ctorParameters = function () { return [
{ type: Compiler, },
]; };
/**
* @param {?} compiler
* @param {?} modulePath
* @param {?} ngModuleExport
* @return {?}
*/
function loadAndCompile(compiler, modulePath, ngModuleExport) {
if (!ngModuleExport) {
ngModuleExport = 'default';
}
return System.import(modulePath)
.then(function (rawModule) {
var /** @type {?} */ module = rawModule[ngModuleExport];
if (!module) {
throw new Error("Module " + modulePath + " does not export " + ngModuleExport);
}
return compiler.compileModuleAsync(module);
});
}
/**
* @param {?} modulePath
* @param {?} ngModuleExport
* @return {?}
*/
function loadPrecompiledFactory(modulePath, ngModuleExport) {
return System.import(modulePath)
.then(function (rawModule) {
var /** @type {?} */ ngModuleFactory = rawModule[ngModuleExport];
if (!ngModuleFactory) {
throw new Error("Module " + modulePath + " does not export " + ngModuleExport);
}
return ngModuleFactory;
});
}
var LAZY_LOADED_TOKEN = new OpaqueToken('LZYCMP');
/**
* @hidden
*/
var ModuleLoader = (function () {
/**
* @param {?} _ngModuleLoader
* @param {?} _injector
*/
function ModuleLoader(_ngModuleLoader, _injector) {
this._ngModuleLoader = _ngModuleLoader;
this._injector = _injector;
/**
* \@internal
*/
this._cfrMap = new Map();
this._promiseMap = new Map();
}
/**
* @param {?} modulePath
* @return {?}
*/
ModuleLoader.prototype.load = function (modulePath) {
var _this = this;
(void 0) /* console.time */;
var /** @type {?} */ splitString = modulePath.split(SPLITTER);
var /** @type {?} */ promise = this._promiseMap.get(modulePath);
if (!promise) {
promise = this._ngModuleLoader.load(splitString[0], splitString[1]);
this._promiseMap.set(modulePath, promise);
}
return promise.then(function (loadedModule) {
// clear it from the cache
_this._promiseMap.delete(modulePath);
(void 0) /* console.timeEnd */;
var /** @type {?} */ ref = loadedModule.create(_this._injector);
var /** @type {?} */ component = ref.injector.get(LAZY_LOADED_TOKEN);
_this._cfrMap.set(component, ref.componentFactoryResolver);
return {
componentFactoryResolver: ref.componentFactoryResolver,
component: component
};
});
};
/**
* @param {?} component
* @return {?}
*/
ModuleLoader.prototype.getComponentFactoryResolver = function (component) {
return this._cfrMap.get(component);
};
return ModuleLoader;
}());
ModuleLoader.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
ModuleLoader.ctorParameters = function () { return [
{ type: NgModuleLoader, },
{ type: Injector, },
]; };
var SPLITTER = '#';
/**
* @hidden
* @param {?} ngModuleLoader
* @param {?} injector
* @return {?}
*/
function provideModuleLoader(ngModuleLoader, injector) {
return new ModuleLoader(ngModuleLoader, injector);
}
/**
* @hidden
* @param {?} config
* @param {?} deepLinkConfig
* @param {?} moduleLoader
* @return {?}
*/
function setupPreloadingImplementation(config, deepLinkConfig, moduleLoader) {
if (config.getBoolean('preloadModules')) {
var /** @type {?} */ linksToLoad_1 = deepLinkConfig.links.filter(function (link) { return !!link.loadChildren && link.priority !== 'off'; });
// Load the high priority modules first
var /** @type {?} */ highPriorityPromises = linksToLoad_1.map(function (link) {
if (link.priority === 'high') {
return moduleLoader.load(link.loadChildren);
}
});
Promise.all(highPriorityPromises).then(function () {
// Load the low priority modules after the high priority are done
var /** @type {?} */ lowPriorityPromises = linksToLoad_1.map(function (link) {
if (link.priority === 'low') {
return moduleLoader.load(link.loadChildren);
}
});
return Promise.all(lowPriorityPromises);
}).catch(function (err) {
console.error(err.message);
});
}
}
/**
* @hidden
* @param {?} config
* @param {?} deepLinkConfig
* @param {?} moduleLoader
* @param {?} ngZone
* @return {?}
*/
function setupPreloading(config, deepLinkConfig, moduleLoader, ngZone) {
return function () {
requestIonicCallback(function () {
ngZone.runOutsideAngular(function () {
setupPreloadingImplementation(config, deepLinkConfig, moduleLoader);
});
});
};
}
/**
* @hidden
*/
var ModalCmp = (function () {
/**
* @param {?} _cfr
* @param {?} _renderer
* @param {?} _navParams
* @param {?} _viewCtrl
* @param {?} gestureCtrl
* @param {?} moduleLoader
*/
function ModalCmp(_cfr, _renderer, _navParams, _viewCtrl, gestureCtrl, moduleLoader) {
this._cfr = _cfr;
this._renderer = _renderer;
this._navParams = _navParams;
this._viewCtrl = _viewCtrl;
this.moduleLoader = moduleLoader;
var opts = _navParams.get('opts');
(void 0) /* assert */;
this._gestureBlocker = gestureCtrl.createBlocker({
disable: [GESTURE_MENU_SWIPE, GESTURE_GO_BACK_SWIPE]
});
this._bdDismiss = opts.enableBackdropDismiss;
}
/**
* @return {?}
*/
ModalCmp.prototype.ionViewPreLoad = function () {
this._load(this._navParams.data.component);
};
/**
* @hidden
* @param {?} component
* @return {?}
*/
ModalCmp.prototype._load = function (component) {
if (component) {
var /** @type {?} */ cfr = this.moduleLoader.getComponentFactoryResolver(component);
if (!cfr) {
cfr = this._cfr;
}
var /** @type {?} */ componentFactory = cfr.resolveComponentFactory(component);
// ******** DOM WRITE ****************
var /** @type {?} */ componentRef = this._viewport.createComponent(componentFactory, this._viewport.length, this._viewport.parentInjector, []);
this._viewCtrl._setInstance(componentRef.instance);
this._setCssClass(componentRef, 'ion-page');
this._setCssClass(componentRef, 'show-page');
this._enabled = true;
this._viewCtrl.willEnter.subscribe(this._viewWillEnter.bind(this));
this._viewCtrl.didLeave.subscribe(this._viewDidLeave.bind(this));
}
};
/**
* @return {?}
*/
ModalCmp.prototype._viewWillEnter = function () {
this._gestureBlocker.block();
};
/**
* @return {?}
*/
ModalCmp.prototype._viewDidLeave = function () {
this._gestureBlocker.unblock();
};
/**
* @hidden
* @param {?} componentRef
* @param {?} className
* @return {?}
*/
ModalCmp.prototype._setCssClass = function (componentRef, className) {
this._renderer.setElementClass(componentRef.location.nativeElement, className, true);
};
/**
* @return {?}
*/
ModalCmp.prototype._bdClick = function () {
if (this._enabled && this._bdDismiss) {
var /** @type {?} */ opts = {
minClickBlockDuration: 400
};
return this._viewCtrl.dismiss(null, 'backdrop', opts).catch(function () {
(void 0) /* console.debug */;
});
}
};
/**
* @param {?} ev
* @return {?}
*/
ModalCmp.prototype._keyUp = function (ev) {
if (this._enabled && this._viewCtrl.isLast() && ev.keyCode === KEY_ESCAPE) {
this._bdClick();
}
};
/**
* @return {?}
*/
ModalCmp.prototype.ngOnDestroy = function () {
(void 0) /* assert */;
this._gestureBlocker.destroy();
};
return ModalCmp;
}());
ModalCmp.decorators = [
{ type: Component, args: [{
selector: 'ion-modal',
template: '<ion-backdrop (click)="_bdClick()" [class.backdrop-no-tappable]="!_bdDismiss"></ion-backdrop>' +
'<div class="modal-wrapper">' +
'<div #viewport nav-viewport></div>' +
'</div>'
},] },
];
/**
* @nocollapse
*/
ModalCmp.ctorParameters = function () { return [
{ type: ComponentFactoryResolver, },
{ type: Renderer, },
{ type: NavParams, },
{ type: ViewController, },
{ type: GestureController, },
{ type: ModuleLoader, },
]; };
ModalCmp.propDecorators = {
'_viewport': [{ type: ViewChild, args: ['viewport', { read: ViewContainerRef },] },],
'_keyUp': [{ type: HostListener, args: ['body:keyup', ['$event'],] },],
};
var __extends$38 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* Animations for modals
*/
var ModalSlideIn = (function (_super) {
__extends$38(ModalSlideIn, _super);
function ModalSlideIn() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
ModalSlideIn.prototype.init = function () {
_super.prototype.init.call(this);
var /** @type {?} */ ele = this.enteringView.pageRef().nativeElement;
var /** @type {?} */ backdropEle = ele.querySelector('ion-backdrop');
var /** @type {?} */ backdrop = new Animation(this.plt, backdropEle);
var /** @type {?} */ wrapper = new Animation(this.plt, ele.querySelector('.modal-wrapper'));
wrapper.beforeStyles({ 'opacity': 1 });
wrapper.fromTo('translateY', '100%', '0%');
backdrop.fromTo('opacity', 0.01, 0.4);
this
.element(this.enteringView.pageRef())
.easing('cubic-bezier(0.36,0.66,0.04,1)')
.duration(400)
.add(backdrop)
.add(wrapper);
};
return ModalSlideIn;
}(PageTransition));
var ModalSlideOut = (function (_super) {
__extends$38(ModalSlideOut, _super);
function ModalSlideOut() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
ModalSlideOut.prototype.init = function () {
_super.prototype.init.call(this);
var /** @type {?} */ ele = this.leavingView.pageRef().nativeElement;
var /** @type {?} */ backdrop = new Animation(this.plt, ele.querySelector('ion-backdrop'));
var /** @type {?} */ wrapperEle = (ele.querySelector('.modal-wrapper'));
var /** @type {?} */ wrapperEleRect = wrapperEle.getBoundingClientRect();
var /** @type {?} */ wrapper = new Animation(this.plt, wrapperEle);
// height of the screen - top of the container tells us how much to scoot it down
// so it's off-screen
wrapper.fromTo('translateY', '0px', this.plt.height() - wrapperEleRect.top + "px");
backdrop.fromTo('opacity', 0.4, 0.0);
this
.element(this.leavingView.pageRef())
.easing('ease-out')
.duration(250)
.add(backdrop)
.add(wrapper);
};
return ModalSlideOut;
}(PageTransition));
var ModalMDSlideIn = (function (_super) {
__extends$38(ModalMDSlideIn, _super);
function ModalMDSlideIn() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
ModalMDSlideIn.prototype.init = function () {
_super.prototype.init.call(this);
var /** @type {?} */ ele = this.enteringView.pageRef().nativeElement;
var /** @type {?} */ backdrop = new Animation(this.plt, ele.querySelector('ion-backdrop'));
var /** @type {?} */ wrapper = new Animation(this.plt, ele.querySelector('.modal-wrapper'));
backdrop.fromTo('opacity', 0.01, 0.4);
wrapper.fromTo('translateY', '40px', '0px');
wrapper.fromTo('opacity', 0.01, 1);
var /** @type {?} */ DURATION = 280;
var /** @type {?} */ EASING = 'cubic-bezier(0.36,0.66,0.04,1)';
this.element(this.enteringView.pageRef()).easing(EASING).duration(DURATION)
.add(backdrop)
.add(wrapper);
};
return ModalMDSlideIn;
}(PageTransition));
var ModalMDSlideOut = (function (_super) {
__extends$38(ModalMDSlideOut, _super);
function ModalMDSlideOut() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
ModalMDSlideOut.prototype.init = function () {
_super.prototype.init.call(this);
var /** @type {?} */ ele = this.leavingView.pageRef().nativeElement;
var /** @type {?} */ backdrop = new Animation(this.plt, ele.querySelector('ion-backdrop'));
var /** @type {?} */ wrapper = new Animation(this.plt, ele.querySelector('.modal-wrapper'));
backdrop.fromTo('opacity', 0.4, 0.0);
wrapper.fromTo('translateY', '0px', '40px');
wrapper.fromTo('opacity', 0.99, 0);
this
.element(this.leavingView.pageRef())
.duration(200)
.easing('cubic-bezier(0.47,0,0.745,0.715)')
.add(wrapper)
.add(backdrop);
};
return ModalMDSlideOut;
}(PageTransition));
var __extends$37 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* @hidden
*/
var ModalImpl = (function (_super) {
__extends$37(ModalImpl, _super);
/**
* @param {?} app
* @param {?} component
* @param {?} data
* @param {?=} opts
* @param {?=} config
*/
function ModalImpl(app, component, data, opts, config) {
if (opts === void 0) { opts = {}; }
var _this = this;
data = data || {};
data.component = component;
opts.showBackdrop = isPresent$1(opts.showBackdrop) ? !!opts.showBackdrop : true;
opts.enableBackdropDismiss = isPresent$1(opts.enableBackdropDismiss) ? !!opts.enableBackdropDismiss : true;
data.opts = opts;
_this = _super.call(this, ModalCmp, data, null) || this;
_this._app = app;
_this._enterAnimation = opts.enterAnimation;
_this._leaveAnimation = opts.leaveAnimation;
_this.isOverlay = true;
config.setTransition('modal-slide-in', ModalSlideIn);
config.setTransition('modal-slide-out', ModalSlideOut);
config.setTransition('modal-md-slide-in', ModalMDSlideIn);
config.setTransition('modal-md-slide-out', ModalMDSlideOut);
return _this;
}
/**
* @hidden
* @param {?} direction
* @return {?}
*/
ModalImpl.prototype.getTransitionName = function (direction) {
var /** @type {?} */ key;
if (direction === 'back') {
if (this._leaveAnimation) {
return this._leaveAnimation;
}
key = 'modalLeave';
}
else {
if (this._enterAnimation) {
return this._enterAnimation;
}
key = 'modalEnter';
}
return this._nav && this._nav.config.get(key);
};
/**
* Present the action sheet instance.
*
* @param {?=} navOptions
* @return {?}
*/
ModalImpl.prototype.present = function (navOptions) {
if (navOptions === void 0) { navOptions = {}; }
navOptions.minClickBlockDuration = navOptions.minClickBlockDuration || 400;
return this._app.present(this, navOptions, PORTAL_MODAL);
};
return ModalImpl;
}(ViewController));
var __extends$36 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* @hidden
*/
var Modal = (function (_super) {
__extends$36(Modal, _super);
/**
* @param {?} app
* @param {?} component
* @param {?} data
* @param {?=} opts
* @param {?=} config
* @param {?=} deepLinker
*/
function Modal(app, component, data, opts, config, deepLinker) {
if (opts === void 0) { opts = {}; }
var _this = _super.call(this, app, component, config, deepLinker) || this;
_this.data = data;
_this.opts = opts;
_this.isOverlay = true;
return _this;
}
/**
* @return {?}
*/
Modal.prototype.getImplementation = function () {
return new ModalImpl(this._app, this._component, this.data, this.opts, this._config);
};
return Modal;
}(OverlayProxy));
/**
* \@name ModalController
* \@description
* A Modal is a content pane that goes over the user's current page.
* Usually it is used for making a choice or editing an item. A modal uses the
* `NavController` to
* {\@link /docs/api/components/nav/NavController/#present present}
* itself in the root nav stack. It is added to the stack similar to how
* {\@link /docs/api/components/nav/NavController/#push NavController.push}
* works.
*
* When a modal (or any other overlay such as an alert or actionsheet) is
* "presented" to a nav controller, the overlay is added to the app's root nav.
* After the modal has been presented, from within the component instance The
* modal can later be closed or "dismissed" by using the ViewController's
* `dismiss` method. Additionally, you can dismiss any overlay by using `pop`
* on the root nav controller. Modals are not reusable. When a modal is dismissed
* it is destroyed.
*
* Data can be passed to a new modal through `Modal.create()` as the second
* argument. The data can then be accessed from the opened page by injecting
* `NavParams`. Note that the page, which opened as a modal, has no special
* "modal" logic within it, but uses `NavParams` no differently than a
* standard page.
*
* \@usage
* ```ts
* import { ModalController, NavParams } from 'ionic-angular';
*
* \@Component(...)
* class HomePage {
*
* constructor(public modalCtrl: ModalController) {
*
* }
*
* presentProfileModal() {
* let profileModal = this.modalCtrl.create(Profile, { userId: 8675309 });
* profileModal.present();
* }
*
* }
*
* \@Component(...)
* class Profile {
*
* constructor(params: NavParams) {
* console.log('UserId', params.get('userId'));
* }
*
* }
* ```
*
* \@advanced
*
* | Option | Type | Description |
* |-----------------------|------------|------------------------------------------------------------------------------------------------------------------|
* | showBackdrop |`boolean` | Whether to show the backdrop. Default true. |
* | enableBackdropDismiss |`boolean` | Whether the popover should be dismissed by tapping the backdrop. Default true. |
*
* A modal can also emit data, which is useful when it is used to add or edit
* data. For example, a profile page could slide up in a modal, and on submit,
* the submit button could pass the updated profile data, then dismiss the
* modal.
*
* ```ts
* import { Component } from '\@angular/core';
* import { ModalController, ViewController } from 'ionic-angular';
*
* \@Component(...)
* class HomePage {
*
* constructor(public modalCtrl: ModalController) {
*
* }
*
* presentContactModal() {
* let contactModal = this.modalCtrl.create(ContactUs);
* contactModal.present();
* }
*
* presentProfileModal() {
* let profileModal = this.modalCtrl.create(Profile, { userId: 8675309 });
* profileModal.onDidDismiss(data => {
* console.log(data);
* });
* profileModal.present();
* }
*
* }
*
* \@Component(...)
* class Profile {
*
* constructor(public viewCtrl: ViewController) {
*
* }
*
* dismiss() {
* let data = { 'foo': 'bar' };
* this.viewCtrl.dismiss(data);
* }
*
* }
* ```
* \@demo /docs/demos/src/modal/
* @see {\@link /docs/components#modals Modal Component Docs}
*/
var ModalController = (function () {
/**
* @param {?} _app
* @param {?} config
* @param {?} deepLinker
*/
function ModalController(_app, config, deepLinker) {
this._app = _app;
this.config = config;
this.deepLinker = deepLinker;
}
/**
* Create a modal to display. See below for options.
*
* @param {?} component
* @param {?=} data
* @param {?=} opts
* @return {?}
*/
ModalController.prototype.create = function (component, data, opts) {
if (data === void 0) { data = {}; }
if (opts === void 0) { opts = {}; }
return new Modal(this._app, component, data, opts, this.config, this.deepLinker);
};
return ModalController;
}());
ModalController.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
ModalController.ctorParameters = function () { return [
{ type: App, },
{ type: Config, },
{ type: DeepLinker, },
]; };
var PICKER_OPT_SELECTED = 'picker-opt-selected';
var DECELERATION_FRICTION$1 = 0.97;
var FRAME_MS$1 = (1000 / 60);
var MAX_PICKER_SPEED = 60;
/**
* @hidden
*/
var PickerColumnCmp = (function () {
/**
* @param {?} config
* @param {?} _plt
* @param {?} elementRef
* @param {?} _zone
* @param {?} _haptic
* @param {?} plt
* @param {?} domCtrl
*/
function PickerColumnCmp(config, _plt, elementRef, _zone, _haptic, plt, domCtrl) {
this._plt = _plt;
this.elementRef = elementRef;
this._zone = _zone;
this._haptic = _haptic;
this.y = 0;
this.pos = [];
this.startY = null;
this.ionChange = new EventEmitter();
this.events = new UIEventManager(plt);
this.rotateFactor = config.getNumber('pickerRotateFactor', 0);
this.scaleFactor = config.getNumber('pickerScaleFactor', 1);
this.decelerateFunc = this.decelerate.bind(this);
this.debouncer = domCtrl.debouncer();
}
/**
* @return {?}
*/
PickerColumnCmp.prototype.ngAfterViewInit = function () {
// get the scrollable element within the column
var /** @type {?} */ colEle = this.colEle.nativeElement;
this.colHeight = colEle.clientHeight;
// get the height of one option
this.optHeight = (colEle.firstElementChild ? colEle.firstElementChild.clientHeight : 0);
// Listening for pointer events
this.events.pointerEvents({
element: this.elementRef.nativeElement,
pointerDown: this.pointerStart.bind(this),
pointerMove: this.pointerMove.bind(this),
pointerUp: this.pointerEnd.bind(this),
capture: true,
zone: false
});
};
/**
* @return {?}
*/
PickerColumnCmp.prototype.ngOnDestroy = function () {
this._plt.cancelRaf(this.rafId);
this.events.destroy();
};
/**
* @param {?} ev
* @return {?}
*/
PickerColumnCmp.prototype.pointerStart = function (ev) {
(void 0) /* console.debug */;
this._haptic.gestureSelectionStart();
// We have to prevent default in order to block scrolling under the picker
// but we DO NOT have to stop propagation, since we still want
// some "click" events to capture
ev.preventDefault();
// cancel any previous raf's that haven't fired yet
this._plt.cancelRaf(this.rafId);
// remember where the pointer started from`
this.startY = pointerCoord(ev).y;
// reset everything
this.velocity = 0;
this.pos.length = 0;
this.pos.push(this.startY, Date.now());
var /** @type {?} */ options = this.col.options;
var /** @type {?} */ minY = (options.length - 1);
var /** @type {?} */ maxY = 0;
for (var /** @type {?} */ i = 0; i < options.length; i++) {
if (!options[i].disabled) {
minY = Math.min(minY, i);
maxY = Math.max(maxY, i);
}
}
this.minY = (minY * this.optHeight * -1);
this.maxY = (maxY * this.optHeight * -1);
return true;
};
/**
* @param {?} ev
* @return {?}
*/
PickerColumnCmp.prototype.pointerMove = function (ev) {
var _this = this;
ev.preventDefault();
ev.stopPropagation();
var /** @type {?} */ currentY = pointerCoord(ev).y;
this.pos.push(currentY, Date.now());
this.debouncer.write(function () {
if (_this.startY === null) {
return;
}
// update the scroll position relative to pointer start position
var /** @type {?} */ y = _this.y + (currentY - _this.startY);
if (y > _this.minY) {
// scrolling up higher than scroll area
y = Math.pow(y, 0.8);
_this.bounceFrom = y;
}
else if (y < _this.maxY) {
// scrolling down below scroll area
y += Math.pow(_this.maxY - y, 0.9);
_this.bounceFrom = y;
}
else {
_this.bounceFrom = 0;
}
_this.update(y, 0, false, false);
var /** @type {?} */ currentIndex = Math.max(Math.abs(Math.round(y / _this.optHeight)), 0);
if (currentIndex !== _this.lastTempIndex) {
// Trigger a haptic event for physical feedback that the index has changed
_this._haptic.gestureSelectionChanged();
_this.lastTempIndex = currentIndex;
}
});
};
/**
* @param {?} ev
* @return {?}
*/
PickerColumnCmp.prototype.pointerEnd = function (ev) {
ev.preventDefault();
this.debouncer.cancel();
if (this.startY === null) {
return;
}
(void 0) /* console.debug */;
this.velocity = 0;
if (this.bounceFrom > 0) {
// bounce back up
this.update(this.minY, 100, true, true);
return;
}
else if (this.bounceFrom < 0) {
// bounce back down
this.update(this.maxY, 100, true, true);
return;
}
var /** @type {?} */ endY = pointerCoord(ev).y;
this.pos.push(endY, Date.now());
var /** @type {?} */ endPos = (this.pos.length - 1);
var /** @type {?} */ startPos = endPos;
var /** @type {?} */ timeRange = (Date.now() - 100);
// move pointer to position measured 100ms ago
for (var /** @type {?} */ i = endPos; i > 0 && this.pos[i] > timeRange; i -= 2) {
startPos = i;
}
if (startPos !== endPos) {
// compute relative movement between these two points
var /** @type {?} */ timeOffset = (this.pos[endPos] - this.pos[startPos]);
var /** @type {?} */ movedTop = (this.pos[startPos - 1] - this.pos[endPos - 1]);
// based on XXms compute the movement to apply for each render step
var /** @type {?} */ velocity = ((movedTop / timeOffset) * FRAME_MS$1);
this.velocity = clamp(-MAX_PICKER_SPEED, velocity, MAX_PICKER_SPEED);
}
if (Math.abs(endY - this.startY) > 3) {
var /** @type {?} */ y = this.y + (endY - this.startY);
this.update(y, 0, true, true);
}
this.startY = null;
this.decelerate();
};
/**
* @return {?}
*/
PickerColumnCmp.prototype.decelerate = function () {
var /** @type {?} */ y = 0;
if (isNaN(this.y) || !this.optHeight) {
// fallback in case numbers get outta wack
this.update(y, 0, true, true);
this._haptic.gestureSelectionEnd();
}
else if (Math.abs(this.velocity) > 0) {
// still decelerating
this.velocity *= DECELERATION_FRICTION$1;
// do not let it go slower than a velocity of 1
this.velocity = (this.velocity > 0)
? Math.max(this.velocity, 1)
: Math.min(this.velocity, -1);
y = Math.round(this.y - this.velocity);
if (y > this.minY) {
// whoops, it's trying to scroll up farther than the options we have!
y = this.minY;
this.velocity = 0;
}
else if (y < this.maxY) {
// gahh, it's trying to scroll down farther than we can!
y = this.maxY;
this.velocity = 0;
}
var /** @type {?} */ notLockedIn = (y % this.optHeight !== 0 || Math.abs(this.velocity) > 1);
this.update(y, 0, true, !notLockedIn);
if (notLockedIn) {
// isn't locked in yet, keep decelerating until it is
this.rafId = this._plt.raf(this.decelerateFunc);
}
}
else if (this.y % this.optHeight !== 0) {
// needs to still get locked into a position so options line up
var /** @type {?} */ currentPos = Math.abs(this.y % this.optHeight);
// create a velocity in the direction it needs to scroll
this.velocity = (currentPos > (this.optHeight / 2) ? 1 : -1);
this._haptic.gestureSelectionEnd();
this.decelerate();
}
var /** @type {?} */ currentIndex = Math.max(Math.abs(Math.round(y / this.optHeight)), 0);
if (currentIndex !== this.lastTempIndex) {
// Trigger a haptic event for physical feedback that the index has changed
this._haptic.gestureSelectionChanged();
}
this.lastTempIndex = currentIndex;
};
/**
* @param {?} ev
* @param {?} index
* @return {?}
*/
PickerColumnCmp.prototype.optClick = function (ev, index) {
if (!this.velocity) {
ev.preventDefault();
ev.stopPropagation();
this.setSelected(index, 150);
}
};
/**
* @param {?} selectedIndex
* @param {?} duration
* @return {?}
*/
PickerColumnCmp.prototype.setSelected = function (selectedIndex, duration) {
// if there is a selected index, then figure out it's y position
// if there isn't a selected index, then just use the top y position
var /** @type {?} */ y = (selectedIndex > -1) ? ((selectedIndex * this.optHeight) * -1) : 0;
this._plt.cancelRaf(this.rafId);
this.velocity = 0;
// so what y position we're at
this.update(y, duration, true, true);
};
/**
* @param {?} y
* @param {?} duration
* @param {?} saveY
* @param {?} emitChange
* @return {?}
*/
PickerColumnCmp.prototype.update = function (y, duration, saveY, emitChange) {
// ensure we've got a good round number :)
y = Math.round(y);
var /** @type {?} */ i;
var /** @type {?} */ button;
var /** @type {?} */ opt;
var /** @type {?} */ optOffset;
var /** @type {?} */ visible;
var /** @type {?} */ translateX;
var /** @type {?} */ translateY;
var /** @type {?} */ translateZ;
var /** @type {?} */ rotateX;
var /** @type {?} */ transform;
var /** @type {?} */ selected;
var /** @type {?} */ parent = this.colEle.nativeElement;
var /** @type {?} */ children = parent.children;
var /** @type {?} */ length = children.length;
var /** @type {?} */ selectedIndex = this.col.selectedIndex = Math.min(Math.max(Math.round(-y / this.optHeight), 0), length - 1);
var /** @type {?} */ durationStr = (duration === 0) ? null : duration + 'ms';
var /** @type {?} */ scaleStr = "scale(" + this.scaleFactor + ")";
for (i = 0; i < length; i++) {
button = children[i];
opt = (this.col.options[i]);
optOffset = (i * this.optHeight) + y;
visible = true;
transform = '';
if (this.rotateFactor !== 0) {
rotateX = optOffset * this.rotateFactor;
if (Math.abs(rotateX) > 90) {
visible = false;
}
else {
translateX = 0;
translateY = 0;
translateZ = 90;
transform = "rotateX(" + rotateX + "deg) ";
}
}
else {
translateX = 0;
translateZ = 0;
translateY = optOffset;
if (Math.abs(translateY) > 170) {
visible = false;
}
}
selected = selectedIndex === i;
if (visible) {
transform += "translate3d(0px," + translateY + "px," + translateZ + "px) ";
if (this.scaleFactor !== 1 && !selected) {
transform += scaleStr;
}
}
else {
transform = 'translate3d(-9999px,0px,0px)';
}
// Update transition duration
if (duration !== opt._dur) {
opt._dur = duration;
button.style[this._plt.Css.transitionDuration] = durationStr;
}
// Update transform
if (transform !== opt._trans) {
opt._trans = transform;
button.style[this._plt.Css.transform] = transform;
}
// Update selected item
if (selected !== opt._selected) {
opt._selected = selected;
if (selected) {
button.classList.add(PICKER_OPT_SELECTED);
}
else {
button.classList.remove(PICKER_OPT_SELECTED);
}
}
}
this.col.prevSelected = selectedIndex;
if (saveY) {
this.y = y;
}
if (emitChange) {
if (this.lastIndex === undefined) {
// have not set a last index yet
this.lastIndex = this.col.selectedIndex;
}
else if (this.lastIndex !== this.col.selectedIndex) {
// new selected index has changed from the last index
// update the lastIndex and emit that it has changed
this.lastIndex = this.col.selectedIndex;
var /** @type {?} */ ionChange = this.ionChange;
if (ionChange.observers.length > 0) {
this._zone.run(ionChange.emit.bind(ionChange, this.col.options[this.col.selectedIndex]));
}
}
}
};
/**
* @return {?}
*/
PickerColumnCmp.prototype.refresh = function () {
var /** @type {?} */ min = this.col.options.length - 1;
var /** @type {?} */ max = 0;
var /** @type {?} */ options = this.col.options;
for (var /** @type {?} */ i = 0; i < options.length; i++) {
if (!options[i].disabled) {
min = Math.min(min, i);
max = Math.max(max, i);
}
}
var /** @type {?} */ selectedIndex = clamp(min, this.col.selectedIndex, max);
if (this.col.prevSelected !== selectedIndex) {
var /** @type {?} */ y = (selectedIndex * this.optHeight) * -1;
this._plt.cancelRaf(this.rafId);
this.velocity = 0;
this.update(y, 150, true, false);
}
};
return PickerColumnCmp;
}());
PickerColumnCmp.decorators = [
{ type: Component, args: [{
selector: '.picker-col',
template: '<div *ngIf="col.prefix" class="picker-prefix" [style.width]="col.prefixWidth">{{col.prefix}}</div>' +
'<div class="picker-opts" #colEle [style.max-width]="col.optionsWidth">' +
'<button *ngFor="let o of col.options; let i=index"' +
'[class.picker-opt-disabled]="o.disabled" ' +
'class="picker-opt" disable-activated (click)="optClick($event, i)">' +
'{{o.text}}' +
'</button>' +
'</div>' +
'<div *ngIf="col.suffix" class="picker-suffix" [style.width]="col.suffixWidth">{{col.suffix}}</div>',
host: {
'[style.max-width]': 'col.columnWidth',
'[class.picker-opts-left]': 'col.align=="left"',
'[class.picker-opts-right]': 'col.align=="right"',
}
},] },
];
/**
* @nocollapse
*/
PickerColumnCmp.ctorParameters = function () { return [
{ type: Config, },
{ type: Platform, },
{ type: ElementRef, },
{ type: NgZone, },
{ type: Haptic, },
{ type: Platform, },
{ type: DomController, },
]; };
PickerColumnCmp.propDecorators = {
'colEle': [{ type: ViewChild, args: ['colEle',] },],
'col': [{ type: Input },],
'ionChange': [{ type: Output },],
};
/**
* @hidden
*/
var PickerCmp = (function () {
/**
* @param {?} _viewCtrl
* @param {?} _elementRef
* @param {?} config
* @param {?} _plt
* @param {?} gestureCtrl
* @param {?} params
* @param {?} renderer
*/
function PickerCmp(_viewCtrl, _elementRef, config, _plt, gestureCtrl, params, renderer) {
this._viewCtrl = _viewCtrl;
this._elementRef = _elementRef;
this._plt = _plt;
this._gestureBlocker = gestureCtrl.createBlocker(BLOCK_ALL);
this.d = params.data;
this.mode = config.get('mode');
renderer.setElementClass(_elementRef.nativeElement, "picker-" + this.mode, true);
if (this.d.cssClass) {
this.d.cssClass.split(' ').forEach(function (cssClass) {
renderer.setElementClass(_elementRef.nativeElement, cssClass, true);
});
}
this.id = (++pickerIds);
this.lastClick = 0;
}
/**
* @return {?}
*/
PickerCmp.prototype.ionViewWillLoad = function () {
// normalize the data
var /** @type {?} */ data = this.d;
data.buttons = data.buttons.map(function (button) {
if (isString(button)) {
return { text: button };
}
if (button.role) {
button.cssRole = "picker-toolbar-" + button.role;
}
return button;
});
// clean up dat data
data.columns = data.columns.map(function (column) {
if (!isPresent$1(column.options)) {
column.options = [];
}
column.selectedIndex = column.selectedIndex || 0;
column.options = column.options.map(function (inputOpt) {
var /** @type {?} */ opt = {
text: '',
value: '',
disabled: inputOpt.disabled,
};
if (isPresent$1(inputOpt)) {
if (isString(inputOpt) || isNumber(inputOpt)) {
opt.text = inputOpt.toString();
opt.value = inputOpt;
}
else {
opt.text = isPresent$1(inputOpt.text) ? inputOpt.text : inputOpt.value;
opt.value = isPresent$1(inputOpt.value) ? inputOpt.value : inputOpt.text;
}
}
return opt;
});
return column;
});
};
/**
* @return {?}
*/
PickerCmp.prototype.ionViewDidLoad = function () {
this.refresh();
};
/**
* @return {?}
*/
PickerCmp.prototype.ionViewWillEnter = function () {
this._gestureBlocker.block();
};
/**
* @return {?}
*/
PickerCmp.prototype.ionViewDidLeave = function () {
this._gestureBlocker.unblock();
};
/**
* @return {?}
*/
PickerCmp.prototype.refresh = function () {
this._cols.forEach(function (column) { return column.refresh(); });
};
/**
* @param {?} selectedOption
* @return {?}
*/
PickerCmp.prototype._colChange = function (selectedOption) {
// one of the columns has changed its selected index
var /** @type {?} */ picker = (this._viewCtrl);
picker.ionChange.emit(this.getSelected());
};
/**
* @param {?} ev
* @return {?}
*/
PickerCmp.prototype._keyUp = function (ev) {
if (this.enabled && this._viewCtrl.isLast()) {
if (ev.keyCode === KEY_ENTER) {
if (this.lastClick + 1000 < Date.now()) {
// do not fire this click if there recently was already a click
// this can happen when the button has focus and used the enter
// key to click the button. However, both the click handler and
// this keyup event will fire, so only allow one of them to go.
(void 0) /* console.debug */;
var /** @type {?} */ button = this.d.buttons[this.d.buttons.length - 1];
this.btnClick(button);
}
}
else if (ev.keyCode === KEY_ESCAPE) {
(void 0) /* console.debug */;
this.bdClick();
}
}
};
/**
* @return {?}
*/
PickerCmp.prototype.ionViewDidEnter = function () {
this._plt.focusOutActiveElement();
var /** @type {?} */ focusableEle = this._elementRef.nativeElement.querySelector('button');
if (focusableEle) {
focusableEle.focus();
}
this.enabled = true;
};
/**
* @param {?} button
* @return {?}
*/
PickerCmp.prototype.btnClick = function (button) {
if (!this.enabled) {
return;
}
// keep the time of the most recent button click
this.lastClick = Date.now();
var /** @type {?} */ shouldDismiss = true;
if (button.handler) {
// a handler has been provided, execute it
// pass the handler the values from the inputs
if (button.handler(this.getSelected()) === false) {
// if the return value of the handler is false then do not dismiss
shouldDismiss = false;
}
}
if (shouldDismiss) {
this.dismiss(button.role);
}
};
/**
* @return {?}
*/
PickerCmp.prototype.bdClick = function () {
if (this.enabled && this.d.enableBackdropDismiss) {
var /** @type {?} */ cancelBtn = this.d.buttons.find(function (b) { return b.role === 'cancel'; });
if (cancelBtn) {
this.btnClick(cancelBtn);
}
else {
this.dismiss('backdrop');
}
}
};
/**
* @param {?} role
* @return {?}
*/
PickerCmp.prototype.dismiss = function (role) {
return this._viewCtrl.dismiss(this.getSelected(), role);
};
/**
* @return {?}
*/
PickerCmp.prototype.getSelected = function () {
var /** @type {?} */ selected = {};
this.d.columns.forEach(function (col, index) {
var /** @type {?} */ selectedColumn = col.options[col.selectedIndex];
selected[col.name] = {
text: selectedColumn ? selectedColumn.text : null,
value: selectedColumn ? selectedColumn.value : null,
columnIndex: index,
};
});
return selected;
};
/**
* @return {?}
*/
PickerCmp.prototype.ngOnDestroy = function () {
(void 0) /* assert */;
this._gestureBlocker.destroy();
};
return PickerCmp;
}());
PickerCmp.decorators = [
{ type: Component, args: [{
selector: 'ion-picker-cmp',
template: "\n <ion-backdrop (click)=\"bdClick()\"></ion-backdrop>\n <div class=\"picker-wrapper\">\n <div class=\"picker-toolbar\">\n <div *ngFor=\"let b of d.buttons\" class=\"picker-toolbar-button\" [ngClass]=\"b.cssRole\">\n <button ion-button (click)=\"btnClick(b)\" [ngClass]=\"b.cssClass\" class=\"picker-button\" clear>\n {{b.text}}\n </button>\n </div>\n </div>\n <div class=\"picker-columns\">\n <div class=\"picker-above-highlight\"></div>\n <div *ngFor=\"let c of d.columns\" [col]=\"c\" class=\"picker-col\" (ionChange)=\"_colChange($event)\"></div>\n <div class=\"picker-below-highlight\"></div>\n </div>\n </div>\n ",
host: {
'role': 'dialog'
},
encapsulation: ViewEncapsulation.None,
},] },
];
/**
* @nocollapse
*/
PickerCmp.ctorParameters = function () { return [
{ type: ViewController, },
{ type: ElementRef, },
{ type: Config, },
{ type: Platform, },
{ type: GestureController, },
{ type: NavParams, },
{ type: Renderer, },
]; };
PickerCmp.propDecorators = {
'_cols': [{ type: ViewChildren, args: [PickerColumnCmp,] },],
'_keyUp': [{ type: HostListener, args: ['body:keyup', ['$event'],] },],
};
var pickerIds = -1;
var __extends$40 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* Animations for pickers
*/
var PickerSlideIn = (function (_super) {
__extends$40(PickerSlideIn, _super);
function PickerSlideIn() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
PickerSlideIn.prototype.init = function () {
var /** @type {?} */ ele = this.enteringView.pageRef().nativeElement;
var /** @type {?} */ backdrop = new Animation(this.plt, ele.querySelector('ion-backdrop'));
var /** @type {?} */ wrapper = new Animation(this.plt, ele.querySelector('.picker-wrapper'));
backdrop.fromTo('opacity', 0.01, 0.26);
wrapper.fromTo('translateY', '100%', '0%');
this.easing('cubic-bezier(.36,.66,.04,1)').duration(400).add(backdrop).add(wrapper);
};
return PickerSlideIn;
}(Transition));
var PickerSlideOut = (function (_super) {
__extends$40(PickerSlideOut, _super);
function PickerSlideOut() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
PickerSlideOut.prototype.init = function () {
var /** @type {?} */ ele = this.leavingView.pageRef().nativeElement;
var /** @type {?} */ backdrop = new Animation(this.plt, ele.querySelector('ion-backdrop'));
var /** @type {?} */ wrapper = new Animation(this.plt, ele.querySelector('.picker-wrapper'));
backdrop.fromTo('opacity', 0.26, 0);
wrapper.fromTo('translateY', '0%', '100%');
this.easing('cubic-bezier(.36,.66,.04,1)').duration(450).add(backdrop).add(wrapper);
};
return PickerSlideOut;
}(Transition));
var __extends$39 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* @hidden
*/
var Picker = (function (_super) {
__extends$39(Picker, _super);
/**
* @param {?} app
* @param {?=} opts
* @param {?=} config
*/
function Picker(app, opts, config) {
if (opts === void 0) { opts = {}; }
var _this = this;
if (!opts) {
opts = {};
}
opts.columns = opts.columns || [];
opts.buttons = opts.buttons || [];
opts.enableBackdropDismiss = isPresent$1(opts.enableBackdropDismiss) ? !!opts.enableBackdropDismiss : true;
_this = _super.call(this, PickerCmp, opts, null) || this;
_this._app = app;
_this.isOverlay = true;
_this.ionChange = new EventEmitter();
config.setTransition('picker-slide-in', PickerSlideIn);
config.setTransition('picker-slide-out', PickerSlideOut);
return _this;
}
/**
* @hidden
* @param {?} direction
* @return {?}
*/
Picker.prototype.getTransitionName = function (direction) {
var /** @type {?} */ key = (direction === 'back' ? 'pickerLeave' : 'pickerEnter');
return this._nav && this._nav.config.get(key);
};
/**
* @param {?} button
* @return {?}
*/
Picker.prototype.addButton = function (button) {
this.data.buttons.push(button);
};
/**
* @param {?} column
* @return {?}
*/
Picker.prototype.addColumn = function (column) {
this.data.columns.push(column);
};
/**
* @return {?}
*/
Picker.prototype.getColumns = function () {
return this.data.columns;
};
/**
* @param {?} name
* @return {?}
*/
Picker.prototype.getColumn = function (name) {
return this.getColumns().find(function (column) { return column.name === name; });
};
/**
* @return {?}
*/
Picker.prototype.refresh = function () {
(void 0) /* assert */;
(void 0) /* assert */;
this._cmp && this._cmp.instance.refresh && this._cmp.instance.refresh();
};
/**
* @param {?} cssClass
* @return {?}
*/
Picker.prototype.setCssClass = function (cssClass) {
this.data.cssClass = cssClass;
};
/**
* Present the picker instance.
*
* @param {?=} navOptions
* @return {?}
*/
Picker.prototype.present = function (navOptions) {
if (navOptions === void 0) { navOptions = {}; }
return this._app.present(this, navOptions);
};
return Picker;
}(ViewController));
Picker.propDecorators = {
'ionChange': [{ type: Output },],
};
/**
* @hidden
* \@name PickerController
* \@description
*
*/
var PickerController = (function () {
/**
* @param {?} _app
* @param {?} config
*/
function PickerController(_app, config) {
this._app = _app;
this.config = config;
}
/**
* Open a picker.
* @param {?=} opts
* @return {?}
*/
PickerController.prototype.create = function (opts) {
if (opts === void 0) { opts = {}; }
return new Picker(this._app, opts, this.config);
};
return PickerController;
}());
PickerController.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
PickerController.ctorParameters = function () { return [
{ type: App, },
{ type: Config, },
]; };
/**
* @param {?} plt
* @return {?}
*/
function isCordova(plt) {
var /** @type {?} */ win = plt.win();
return !!(win['cordova'] || win['PhoneGap'] || win['phonegap']);
}
/**
* @param {?} plt
* @return {?}
*/
function isIos(plt) {
// shortcut function to be reused internally
// checks navigator.platform to see if it's an actual iOS device
// this does not use the user-agent string because it is often spoofed
// an actual iPad will return true, a chrome dev tools iPad will return false
return plt.testNavigatorPlatform('iphone|ipad|ipod');
}
/**
* @param {?} plt
* @return {?}
*/
function isSafari(plt) {
return plt.testUserAgent('Safari');
}
/**
* @param {?} plt
* @return {?}
*/
function isWKWebView(plt) {
return isIos(plt) && !!((plt.win()))['webkit'];
}
/**
* @param {?} plt
* @return {?}
*/
function isIosUIWebView(plt) {
return isIos(plt) && !isWKWebView(plt) && !isSafari(plt);
}
var PLATFORM_CONFIGS = {
/**
* core
*/
'core': {
settings: {
mode: 'md',
keyboardHeight: 290
}
},
/**
* mobile
*/
'mobile': {},
/**
* phablet
*/
'phablet': {
/**
* @param {?} plt
* @return {?}
*/
isMatch: function (plt) {
var /** @type {?} */ smallest = Math.min(plt.width(), plt.height());
var /** @type {?} */ largest = Math.max(plt.width(), plt.height());
return (smallest > 390 && smallest < 520) &&
(largest > 620 && largest < 800);
}
},
/**
* tablet
*/
'tablet': {
/**
* @param {?} plt
* @return {?}
*/
isMatch: function (plt) {
var /** @type {?} */ smallest = Math.min(plt.width(), plt.height());
var /** @type {?} */ largest = Math.max(plt.width(), plt.height());
return (smallest > 460 && smallest < 820) &&
(largest > 780 && largest < 1400);
}
},
/**
* android
*/
'android': {
superset: 'mobile',
subsets: [
'phablet',
'tablet'
],
settings: {
activator: function (plt) {
// md mode defaults to use ripple activator
// however, under-powered devices shouldn't use ripple
// if this a linux device, and is using Android Chrome v36 (Android 5.0)
// or above then use ripple, otherwise do not use a ripple effect
if (plt.testNavigatorPlatform('linux')) {
var /** @type {?} */ chromeVersion = plt.matchUserAgentVersion(/Chrome\/(\d+).(\d+)?/);
if (chromeVersion) {
// linux android device using modern android chrome browser gets ripple
if (parseInt(chromeVersion.major, 10) < 36 || plt.version().major < 5) {
return 'none';
}
else {
return 'ripple';
}
}
// linux android device not using chrome browser checks just android's version
if (plt.version().major < 5) {
return 'none';
}
}
// fallback to always use ripple
return 'ripple';
},
autoFocusAssist: 'immediate',
inputCloning: true,
scrollAssist: true,
hoverCSS: false,
keyboardHeight: 300,
mode: 'md',
},
/**
* @param {?} plt
* @return {?}
*/
isMatch: function (plt) {
return plt.isPlatformMatch('android', ['android', 'silk'], ['windows phone']);
},
/**
* @param {?} plt
* @return {?}
*/
versionParser: function (plt) {
return plt.matchUserAgentVersion(/Android (\d+).(\d+)?/);
}
},
/**
* ios
*/
'ios': {
superset: 'mobile',
subsets: [
'ipad',
'iphone'
],
settings: {
autoFocusAssist: 'delay',
hoverCSS: false,
inputBlurring: isIos,
inputCloning: isIos,
keyboardHeight: 300,
mode: 'ios',
scrollAssist: isIos,
statusbarPadding: isCordova,
swipeBackEnabled: isIos,
tapPolyfill: isIosUIWebView,
virtualScrollEventAssist: isIosUIWebView,
disableScrollAssist: isIos,
},
/**
* @param {?} plt
* @return {?}
*/
isMatch: function (plt) {
return plt.isPlatformMatch('ios', ['iphone', 'ipad', 'ipod'], ['windows phone']);
},
/**
* @param {?} plt
* @return {?}
*/
versionParser: function (plt) {
return plt.matchUserAgentVersion(/OS (\d+)_(\d+)?/);
}
},
/**
* ipad
*/
'ipad': {
superset: 'tablet',
settings: {
keyboardHeight: 500,
},
/**
* @param {?} plt
* @return {?}
*/
isMatch: function (plt) {
return plt.isPlatformMatch('ipad');
}
},
/**
* iphone
*/
'iphone': {
subsets: [
'phablet'
],
/**
* @param {?} plt
* @return {?}
*/
isMatch: function (plt) {
return plt.isPlatformMatch('iphone');
}
},
/**
* Windows
*/
'windows': {
superset: 'mobile',
subsets: [
'phablet',
'tablet'
],
settings: {
mode: 'wp',
autoFocusAssist: 'immediate',
hoverCSS: false
},
/**
* @param {?} plt
* @return {?}
*/
isMatch: function (plt) {
return plt.isPlatformMatch('windows', ['windows phone']);
},
/**
* @param {?} plt
* @return {?}
*/
versionParser: function (plt) {
return plt.matchUserAgentVersion(/Windows Phone (\d+).(\d+)?/);
}
},
/**
* cordova
*/
'cordova': {
isEngine: true,
initialize: function (plt) {
// prepare a custom "ready" for cordova "deviceready"
plt.prepareReady = function () {
// 1) ionic bootstrapped
plt.windowLoad(function (win, doc) {
// 2) window onload triggered or completed
doc.addEventListener('deviceready', function () {
// 3) cordova deviceready event triggered
// add cordova listeners to emit platform events
doc.addEventListener('backbutton', function (ev) {
plt.zone.run(function () {
plt.backButton.emit(ev);
});
});
doc.addEventListener('pause', function (ev) {
plt.zone.run(function () {
plt.pause.emit(ev);
});
});
doc.addEventListener('resume', function (ev) {
plt.zone.run(function () {
plt.resume.emit(ev);
});
});
// cordova has its own exitApp method
plt.exitApp = function () {
((win))['navigator']['app'].exitApp();
};
// cordova has fully loaded and we've added listeners
plt.triggerReady('cordova');
});
});
};
},
/**
* @param {?} plt
* @return {?}
*/
isMatch: function (plt) {
return isCordova(plt);
}
}
};
var PlatformConfigToken = new OpaqueToken('PLTCONFIG');
/**
* @return {?}
*/
function providePlatformConfigs() {
return PLATFORM_CONFIGS;
}
/**
* @hidden
*/
var PopoverCmp = (function () {
/**
* @param {?} _cfr
* @param {?} _elementRef
* @param {?} _renderer
* @param {?} _config
* @param {?} _plt
* @param {?} _navParams
* @param {?} _viewCtrl
* @param {?} gestureCtrl
* @param {?} moduleLoader
*/
function PopoverCmp(_cfr, _elementRef, _renderer, _config, _plt, _navParams, _viewCtrl, gestureCtrl, moduleLoader) {
this._cfr = _cfr;
this._elementRef = _elementRef;
this._renderer = _renderer;
this._config = _config;
this._plt = _plt;
this._navParams = _navParams;
this._viewCtrl = _viewCtrl;
this.moduleLoader = moduleLoader;
this._gestureBlocker = gestureCtrl.createBlocker(BLOCK_ALL);
this.d = _navParams.data.opts;
_renderer.setElementClass(_elementRef.nativeElement, "popover-" + _config.get('mode'), true);
if (this.d.cssClass) {
this.d.cssClass.split(' ').forEach(function (cssClass) {
// Make sure the class isn't whitespace, otherwise it throws exceptions
if (cssClass.trim() !== '')
_renderer.setElementClass(_elementRef.nativeElement, cssClass, true);
});
}
this.id = (++popoverIds);
}
/**
* @return {?}
*/
PopoverCmp.prototype.ionViewPreLoad = function () {
this._plt.focusOutActiveElement();
this._load(this._navParams.data.component);
};
/**
* @param {?} component
* @return {?}
*/
PopoverCmp.prototype._load = function (component) {
if (component) {
var /** @type {?} */ cfr = this.moduleLoader.getComponentFactoryResolver(component);
if (!cfr) {
cfr = this._cfr;
}
var /** @type {?} */ componentFactory = cfr.resolveComponentFactory(component);
// ******** DOM WRITE ****************
var /** @type {?} */ componentRef = this._viewport.createComponent(componentFactory, this._viewport.length, this._viewport.parentInjector, []);
this._viewCtrl._setInstance(componentRef.instance);
this._enabled = true;
// Subscribe to events in order to block gestures
// TODO, should we unsubscribe? memory leak?
this._viewCtrl.willEnter.subscribe(this._viewWillEnter.bind(this));
this._viewCtrl.didLeave.subscribe(this._viewDidLeave.bind(this));
}
};
/**
* @return {?}
*/
PopoverCmp.prototype._viewWillEnter = function () {
this._gestureBlocker.block();
};
/**
* @return {?}
*/
PopoverCmp.prototype._viewDidLeave = function () {
this._gestureBlocker.unblock();
};
/**
* @param {?} componentRef
* @param {?} className
* @return {?}
*/
PopoverCmp.prototype._setCssClass = function (componentRef, className) {
this._renderer.setElementClass(componentRef.location.nativeElement, className, true);
};
/**
* @return {?}
*/
PopoverCmp.prototype._bdClick = function () {
if (this._enabled && this.d.enableBackdropDismiss) {
return this._viewCtrl.dismiss(null, 'backdrop');
}
};
/**
* @param {?} ev
* @return {?}
*/
PopoverCmp.prototype._keyUp = function (ev) {
if (this._enabled && ev.keyCode === KEY_ESCAPE && this._viewCtrl.isLast()) {
this._bdClick();
}
};
/**
* @return {?}
*/
PopoverCmp.prototype.ngOnDestroy = function () {
(void 0) /* assert */;
this._gestureBlocker.destroy();
};
return PopoverCmp;
}());
PopoverCmp.decorators = [
{ type: Component, args: [{
selector: 'ion-popover',
template: '<ion-backdrop (click)="_bdClick()" [hidden]="!d.showBackdrop"></ion-backdrop>' +
'<div class="popover-wrapper">' +
'<div class="popover-arrow"></div>' +
'<div class="popover-content">' +
'<div class="popover-viewport">' +
'<div #viewport nav-viewport></div>' +
'</div>' +
'</div>' +
'</div>'
},] },
];
/**
* @nocollapse
*/
PopoverCmp.ctorParameters = function () { return [
{ type: ComponentFactoryResolver, },
{ type: ElementRef, },
{ type: Renderer, },
{ type: Config, },
{ type: Platform, },
{ type: NavParams, },
{ type: ViewController, },
{ type: GestureController, },
{ type: ModuleLoader, },
]; };
PopoverCmp.propDecorators = {
'_viewport': [{ type: ViewChild, args: ['viewport', { read: ViewContainerRef },] },],
'_keyUp': [{ type: HostListener, args: ['body:keyup', ['$event'],] },],
};
var popoverIds = -1;
var __extends$43 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* Animations for popover
*/
var PopoverTransition = (function (_super) {
__extends$43(PopoverTransition, _super);
function PopoverTransition() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @param {?} nativeEle
* @param {?} ev
* @return {?}
*/
PopoverTransition.prototype.mdPositionView = function (nativeEle, ev) {
var /** @type {?} */ originY = 'top';
var /** @type {?} */ originX = 'left';
var /** @type {?} */ popoverWrapperEle = (nativeEle.querySelector('.popover-wrapper'));
// Popover content width and height
var /** @type {?} */ popoverEle = (nativeEle.querySelector('.popover-content'));
var /** @type {?} */ popoverDim = popoverEle.getBoundingClientRect();
var /** @type {?} */ popoverWidth = popoverDim.width;
var /** @type {?} */ popoverHeight = popoverDim.height;
// Window body width and height
var /** @type {?} */ bodyWidth = this.plt.width();
var /** @type {?} */ bodyHeight = this.plt.height();
// If ev was passed, use that for target element
var /** @type {?} */ targetDim = ev && ev.target && ev.target.getBoundingClientRect();
var /** @type {?} */ targetTop = (targetDim && 'top' in targetDim) ? targetDim.top : (bodyHeight / 2) - (popoverHeight / 2);
var /** @type {?} */ targetLeft = (targetDim && 'left' in targetDim) ? targetDim.left : (bodyWidth / 2) - (popoverWidth / 2);
var /** @type {?} */ targetHeight = targetDim && targetDim.height || 0;
var /** @type {?} */ popoverCSS = {
top: targetTop,
left: targetLeft
};
// If the popover left is less than the padding it is off screen
// to the left so adjust it, else if the width of the popover
// exceeds the body width it is off screen to the right so adjust
if (popoverCSS.left < POPOVER_MD_BODY_PADDING) {
popoverCSS.left = POPOVER_MD_BODY_PADDING;
}
else if (popoverWidth + POPOVER_MD_BODY_PADDING + popoverCSS.left > bodyWidth) {
popoverCSS.left = bodyWidth - popoverWidth - POPOVER_MD_BODY_PADDING;
originX = 'right';
}
// If the popover when popped down stretches past bottom of screen,
// make it pop up if there's room above
if (targetTop + targetHeight + popoverHeight > bodyHeight && targetTop - popoverHeight > 0) {
popoverCSS.top = targetTop - popoverHeight;
nativeEle.className = nativeEle.className + ' popover-bottom';
originY = 'bottom';
// If there isn't room for it to pop up above the target cut it off
}
else if (targetTop + targetHeight + popoverHeight > bodyHeight) {
popoverEle.style.bottom = POPOVER_MD_BODY_PADDING + 'px';
}
popoverEle.style.top = popoverCSS.top + 'px';
popoverEle.style.left = popoverCSS.left + 'px';
((popoverEle.style))[this.plt.Css.transformOrigin] = originY + ' ' + originX;
// Since the transition starts before styling is done we
// want to wait for the styles to apply before showing the wrapper
popoverWrapperEle.style.opacity = '1';
};
/**
* @param {?} nativeEle
* @param {?} ev
* @return {?}
*/
PopoverTransition.prototype.iosPositionView = function (nativeEle, ev) {
var /** @type {?} */ originY = 'top';
var /** @type {?} */ originX = 'left';
var /** @type {?} */ popoverWrapperEle = (nativeEle.querySelector('.popover-wrapper'));
// Popover content width and height
var /** @type {?} */ popoverEle = (nativeEle.querySelector('.popover-content'));
var /** @type {?} */ popoverDim = popoverEle.getBoundingClientRect();
var /** @type {?} */ popoverWidth = popoverDim.width;
var /** @type {?} */ popoverHeight = popoverDim.height;
// Window body width and height
var /** @type {?} */ bodyWidth = this.plt.width();
var /** @type {?} */ bodyHeight = this.plt.height();
// If ev was passed, use that for target element
var /** @type {?} */ targetDim = ev && ev.target && ev.target.getBoundingClientRect();
var /** @type {?} */ targetTop = (targetDim && 'top' in targetDim) ? targetDim.top : (bodyHeight / 2) - (popoverHeight / 2);
var /** @type {?} */ targetLeft = (targetDim && 'left' in targetDim) ? targetDim.left : (bodyWidth / 2);
var /** @type {?} */ targetWidth = targetDim && targetDim.width || 0;
var /** @type {?} */ targetHeight = targetDim && targetDim.height || 0;
// The arrow that shows above the popover on iOS
var /** @type {?} */ arrowEle = (nativeEle.querySelector('.popover-arrow'));
var /** @type {?} */ arrowDim = arrowEle.getBoundingClientRect();
var /** @type {?} */ arrowWidth = arrowDim.width;
var /** @type {?} */ arrowHeight = arrowDim.height;
// If no ev was passed, hide the arrow
if (!targetDim) {
arrowEle.style.display = 'none';
}
var /** @type {?} */ arrowCSS = {
top: targetTop + targetHeight,
left: targetLeft + (targetWidth / 2) - (arrowWidth / 2)
};
var /** @type {?} */ popoverCSS = {
top: targetTop + targetHeight + (arrowHeight - 1),
left: targetLeft + (targetWidth / 2) - (popoverWidth / 2)
};
// If the popover left is less than the padding it is off screen
// to the left so adjust it, else if the width of the popover
// exceeds the body width it is off screen to the right so adjust
if (popoverCSS.left < POPOVER_IOS_BODY_PADDING) {
popoverCSS.left = POPOVER_IOS_BODY_PADDING;
}
else if (popoverWidth + POPOVER_IOS_BODY_PADDING + popoverCSS.left > bodyWidth) {
popoverCSS.left = bodyWidth - popoverWidth - POPOVER_IOS_BODY_PADDING;
originX = 'right';
}
// If the popover when popped down stretches past bottom of screen,
// make it pop up if there's room above
if (targetTop + targetHeight + popoverHeight > bodyHeight && targetTop - popoverHeight > 0) {
arrowCSS.top = targetTop - (arrowHeight + 1);
popoverCSS.top = targetTop - popoverHeight - (arrowHeight - 1);
nativeEle.className = nativeEle.className + ' popover-bottom';
originY = 'bottom';
// If there isn't room for it to pop up above the target cut it off
}
else if (targetTop + targetHeight + popoverHeight > bodyHeight) {
popoverEle.style.bottom = POPOVER_IOS_BODY_PADDING + '%';
}
arrowEle.style.top = arrowCSS.top + 'px';
arrowEle.style.left = arrowCSS.left + 'px';
popoverEle.style.top = popoverCSS.top + 'px';
popoverEle.style.left = popoverCSS.left + 'px';
((popoverEle.style))[this.plt.Css.transformOrigin] = originY + ' ' + originX;
// Since the transition starts before styling is done we
// want to wait for the styles to apply before showing the wrapper
popoverWrapperEle.style.opacity = '1';
};
return PopoverTransition;
}(PageTransition));
var PopoverPopIn = (function (_super) {
__extends$43(PopoverPopIn, _super);
function PopoverPopIn() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
PopoverPopIn.prototype.init = function () {
var /** @type {?} */ ele = this.enteringView.pageRef().nativeElement;
var /** @type {?} */ backdrop = new Animation(this.plt, ele.querySelector('ion-backdrop'));
var /** @type {?} */ wrapper = new Animation(this.plt, ele.querySelector('.popover-wrapper'));
wrapper.fromTo('opacity', 0.01, 1);
backdrop.fromTo('opacity', 0.01, 0.08);
this
.easing('ease')
.duration(100)
.add(backdrop)
.add(wrapper);
};
/**
* @return {?}
*/
PopoverPopIn.prototype.play = function () {
var _this = this;
this.plt.raf(function () {
_this.iosPositionView(_this.enteringView.pageRef().nativeElement, _this.opts.ev);
_super.prototype.play.call(_this);
});
};
return PopoverPopIn;
}(PopoverTransition));
var PopoverPopOut = (function (_super) {
__extends$43(PopoverPopOut, _super);
function PopoverPopOut() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
PopoverPopOut.prototype.init = function () {
var /** @type {?} */ ele = this.leavingView.pageRef().nativeElement;
var /** @type {?} */ backdrop = new Animation(this.plt, ele.querySelector('ion-backdrop'));
var /** @type {?} */ wrapper = new Animation(this.plt, ele.querySelector('.popover-wrapper'));
wrapper.fromTo('opacity', 0.99, 0);
backdrop.fromTo('opacity', 0.08, 0);
this
.easing('ease')
.duration(500)
.add(backdrop)
.add(wrapper);
};
return PopoverPopOut;
}(PopoverTransition));
var PopoverMdPopIn = (function (_super) {
__extends$43(PopoverMdPopIn, _super);
function PopoverMdPopIn() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
PopoverMdPopIn.prototype.init = function () {
var /** @type {?} */ ele = this.enteringView.pageRef().nativeElement;
var /** @type {?} */ content = new Animation(this.plt, ele.querySelector('.popover-content'));
var /** @type {?} */ viewport = new Animation(this.plt, ele.querySelector('.popover-viewport'));
content.fromTo('scale', 0.001, 1);
viewport.fromTo('opacity', 0.01, 1);
this
.easing('cubic-bezier(0.36,0.66,0.04,1)')
.duration(300)
.add(content)
.add(viewport);
};
/**
* @return {?}
*/
PopoverMdPopIn.prototype.play = function () {
var _this = this;
this.plt.raf(function () {
_this.mdPositionView(_this.enteringView.pageRef().nativeElement, _this.opts.ev);
_super.prototype.play.call(_this);
});
};
return PopoverMdPopIn;
}(PopoverTransition));
var PopoverMdPopOut = (function (_super) {
__extends$43(PopoverMdPopOut, _super);
function PopoverMdPopOut() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
PopoverMdPopOut.prototype.init = function () {
var /** @type {?} */ ele = this.leavingView.pageRef().nativeElement;
var /** @type {?} */ wrapper = new Animation(this.plt, ele.querySelector('.popover-wrapper'));
wrapper.fromTo('opacity', 0.99, 0);
this
.easing('ease')
.duration(500)
.fromTo('opacity', 0.01, 1)
.add(wrapper);
};
return PopoverMdPopOut;
}(PopoverTransition));
var POPOVER_IOS_BODY_PADDING = 2;
var POPOVER_MD_BODY_PADDING = 12;
var __extends$42 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* @hidden
*/
var PopoverImpl = (function (_super) {
__extends$42(PopoverImpl, _super);
/**
* @param {?} app
* @param {?} component
* @param {?=} data
* @param {?=} opts
* @param {?=} config
*/
function PopoverImpl(app, component, data, opts, config) {
if (data === void 0) { data = {}; }
if (opts === void 0) { opts = {}; }
var _this = this;
opts.showBackdrop = isPresent$1(opts.showBackdrop) ? !!opts.showBackdrop : true;
opts.enableBackdropDismiss = isPresent$1(opts.enableBackdropDismiss) ? !!opts.enableBackdropDismiss : true;
data.component = component;
data.opts = opts;
_this = _super.call(this, PopoverCmp, data, null) || this;
_this._app = app;
_this.isOverlay = true;
config.setTransition('popover-pop-in', PopoverPopIn);
config.setTransition('popover-pop-out', PopoverPopOut);
config.setTransition('popover-md-pop-in', PopoverMdPopIn);
config.setTransition('popover-md-pop-out', PopoverMdPopOut);
return _this;
}
/**
* @hidden
* @param {?} direction
* @return {?}
*/
PopoverImpl.prototype.getTransitionName = function (direction) {
var /** @type {?} */ key = (direction === 'back' ? 'popoverLeave' : 'popoverEnter');
return this._nav && this._nav.config.get(key);
};
/**
* Present the popover instance.
*
* @param {?=} navOptions
* @return {?}
*/
PopoverImpl.prototype.present = function (navOptions) {
if (navOptions === void 0) { navOptions = {}; }
return this._app.present(this, navOptions);
};
return PopoverImpl;
}(ViewController));
var __extends$41 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* @hidden
*/
var Popover = (function (_super) {
__extends$41(Popover, _super);
/**
* @param {?} app
* @param {?} component
* @param {?} data
* @param {?=} opts
* @param {?=} config
* @param {?=} deepLinker
*/
function Popover(app, component, data, opts, config, deepLinker) {
if (opts === void 0) { opts = {}; }
var _this = _super.call(this, app, component, config, deepLinker) || this;
_this.data = data;
_this.opts = opts;
_this.isOverlay = true;
return _this;
}
/**
* @return {?}
*/
Popover.prototype.getImplementation = function () {
return new PopoverImpl(this._app, this._component, this.data, this.opts, this._config);
};
return Popover;
}(OverlayProxy));
/**
* \@name PopoverController
* \@description
* A Popover is a dialog that appears on top of the current page.
* It can be used for anything, but generally it is used for overflow
* actions that don't fit in the navigation bar.
*
* ### Creating
* A popover can be created by calling the `create` method. The view
* to display in the popover should be passed as the first argument.
* Any data to pass to the popover view can optionally be passed in
* the second argument. Options for the popover can optionally be
* passed in the third argument. See the [create](#create) method
* below for all available options.
*
* ### Presenting
* To present a popover, call the `present` method on a PopoverController instance.
* In order to position the popover relative to the element clicked, a click event
* needs to be passed into the options of the the `present method. If the event
* is not passed, the popover will be positioned in the center of the current
* view. See the [usage](#usage) section for an example of passing this event.
*
* ### Dismissing
* To dismiss the popover after creation, call the `dismiss()` method on the
* `Popover` instance. The popover can also be dismissed from within the popover's
* view by calling the `dismiss()` method on the [ViewController](../../navigation/ViewController).
* The `dismiss()` call accepts an optional parameter that will be passed to the callback described
* as follows. The `onDidDismiss(<func>)` function can be called to set up a callback action that will
* be performed after the popover is dismissed, receiving the parameter passed to `dismiss()`.
* The popover will dismiss when the backdrop is clicked by implicitly performing `dismiss(null)`,
* but this can be disabled by setting `enableBackdropDismiss` to `false` in the popover options.
*
* > Note that after the component is dismissed, it will not be usable anymore and
* another one must be created. This can be avoided by wrapping the creation and
* presentation of the component in a reusable function as shown in the [usage](#usage)
* section below.
*
* \@usage
*
* To open a popover on the click of a button, pass `$event` to the method
* which creates and presents the popover:
*
* ```html
* <button ion-button icon-only (click)="presentPopover($event)">
* <ion-icon name="more"></ion-icon>
* </button>
* ```
*
* ```ts
* import { PopoverController } from 'ionic-angular';
*
* \@Component({})
* class MyPage {
* constructor(public popoverCtrl: PopoverController) {}
*
* presentPopover(myEvent) {
* let popover = this.popoverCtrl.create(PopoverPage);
* popover.present({
* ev: myEvent
* });
* }
* }
* ```
*
* The `PopoverPage` will display inside of the popover, and
* can be anything. Below is an example of a page with items
* that close the popover on click.
*
* ```ts
* \@Component({
* template: `
* <ion-list>
* <ion-list-header>Ionic</ion-list-header>
* <button ion-item (click)="close()">Learn Ionic</button>
* <button ion-item (click)="close()">Documentation</button>
* <button ion-item (click)="close()">Showcase</button>
* <button ion-item (click)="close()">GitHub Repo</button>
* </ion-list>
* `
* })
* class PopoverPage {
* constructor(public viewCtrl: ViewController) {}
*
* close() {
* this.viewCtrl.dismiss();
* }
* }
* ```
* \@advanced
* Popover Options
*
* | Option | Type | Description |
* |-----------------------|------------|------------------------------------------------------------------------------------------------------------------|
* | cssClass |`string` | Additional classes for custom styles, separated by spaces. |
* | showBackdrop |`boolean` | Whether to show the backdrop. Default true. |
* | enableBackdropDismiss |`boolean` | Whether the popover should be dismissed by tapping the backdrop. Default true. |
*
*
*
* \@demo /docs/demos/src/popover/
*/
var PopoverController = (function () {
/**
* @param {?} _app
* @param {?} config
* @param {?} _deepLinker
*/
function PopoverController(_app, config, _deepLinker) {
this._app = _app;
this.config = config;
this._deepLinker = _deepLinker;
}
/**
* Present a popover. See below for options
* @param {?} component
* @param {?=} data
* @param {?=} opts
* @return {?}
*/
PopoverController.prototype.create = function (component, data, opts) {
if (data === void 0) { data = {}; }
if (opts === void 0) { opts = {}; }
return new Popover(this._app, component, data, opts, this.config, this._deepLinker);
};
return PopoverController;
}());
PopoverController.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
PopoverController.ctorParameters = function () { return [
{ type: App, },
{ type: Config, },
{ type: DeepLinker, },
]; };
/**
* @abstract
*/
/**
* @param {?} ev
* @param {?} activatableEle
* @return {?}
*/
function isActivatedDisabled(ev, activatableEle) {
if (!activatableEle || !activatableEle.parentNode) {
return true;
}
if (!ev) {
return false;
}
if (ev.defaultPrevented) {
return true;
}
var /** @type {?} */ targetEle = ev.target;
for (var /** @type {?} */ i = 0; i < 4; i++) {
if (!targetEle) {
break;
}
if (targetEle.hasAttribute('disable-activated')) {
return true;
}
targetEle = targetEle.parentElement;
}
return false;
}
var Activator = (function () {
/**
* @param {?} app
* @param {?} config
* @param {?} dom
*/
function Activator(app, config, dom) {
this.app = app;
this.dom = dom;
this._queue = [];
this._active = [];
this.activatedDelay = ADD_ACTIVATED_DEFERS;
this.clearDelay = CLEAR_STATE_DEFERS;
this._css = config.get('activatedClass', 'activated');
}
/**
* @param {?} ev
* @param {?} activatableEle
* @param {?} startCoord
* @return {?}
*/
Activator.prototype.clickAction = function (ev, activatableEle, startCoord) {
// a click happened, so immediately deactive all activated elements
this._scheduleClear();
this._queue.length = 0;
for (var /** @type {?} */ i = 0; i < this._active.length; i++) {
this._active[i].classList.remove(this._css);
}
this._active.length = 0;
// then immediately activate this element
if (activatableEle && activatableEle.parentNode) {
this._active.push(activatableEle);
activatableEle.classList.add(this._css);
}
};
/**
* @param {?} ev
* @param {?} activatableEle
* @param {?} startCoord
* @return {?}
*/
Activator.prototype.downAction = function (ev, activatableEle, startCoord) {
var _this = this;
// the user just pressed down
if (isActivatedDisabled(ev, activatableEle)) {
return;
}
this.unscheduleClear();
this.deactivate(true);
// queue to have this element activated
this._queue.push(activatableEle);
this._activeDefer = this.dom.write(function () {
_this._activeDefer = null;
var /** @type {?} */ activatableEle;
for (var /** @type {?} */ i = 0; i < _this._queue.length; i++) {
activatableEle = _this._queue[i];
_this._active.push(activatableEle);
activatableEle.classList.add(_this._css);
}
_this._queue.length = 0;
}, this.activatedDelay);
};
/**
* @param {?} ev
* @param {?} activatableEle
* @param {?} startCoord
* @return {?}
*/
Activator.prototype.upAction = function (ev, activatableEle, startCoord) {
this._scheduleClear();
};
/**
* @return {?}
*/
Activator.prototype._scheduleClear = function () {
var _this = this;
if (this._clearDefer) {
return;
}
this._clearDefer = this.dom.write(function () {
_this.clearState(true);
_this._clearDefer = null;
}, this.clearDelay);
};
/**
* @return {?}
*/
Activator.prototype.unscheduleClear = function () {
if (this._clearDefer) {
this._clearDefer();
this._clearDefer = null;
}
};
/**
* @param {?} animated
* @return {?}
*/
Activator.prototype.clearState = function (animated) {
var _this = this;
if (!this.app.isEnabled()) {
// the app is actively disabled, so don't bother deactivating anything.
// this makes it easier on the GPU so it doesn't have to redraw any
// buttons during a transition. This will retry in XX milliseconds.
this.dom.write(function () {
_this.clearState(animated);
}, 600);
}
else {
// not actively transitioning, good to deactivate any elements
this.deactivate(animated);
}
};
/**
* @param {?} animated
* @return {?}
*/
Activator.prototype.deactivate = function (animated) {
this._clearDeferred();
this._queue.length = 0;
var /** @type {?} */ ele;
for (var /** @type {?} */ i = 0; i < this._active.length; i++) {
ele = this._active[i];
((ele.style))[this.dom.plt.Css.transition] = animated ? '' : 'none';
ele.classList.remove(this._css);
}
this._active.length = 0;
};
/**
* @return {?}
*/
Activator.prototype._clearDeferred = function () {
// Clear any active deferral
if (this._activeDefer) {
this._activeDefer();
this._activeDefer = null;
}
};
return Activator;
}());
var ADD_ACTIVATED_DEFERS = 80;
var CLEAR_STATE_DEFERS = 80;
/**
* @hidden
*/
var RippleActivator = (function () {
/**
* @param {?} app
* @param {?} config
* @param {?} dom
*/
function RippleActivator(app, config, dom) {
this.dom = dom;
this.highlight = new Activator(app, config, dom);
}
/**
* @param {?} ev
* @param {?} activatableEle
* @param {?} startCoord
* @return {?}
*/
RippleActivator.prototype.clickAction = function (ev, activatableEle, startCoord) {
// Highlight
this.highlight && this.highlight.clickAction(ev, activatableEle, startCoord);
// Ripple
this._clickAction(ev, activatableEle, startCoord);
};
/**
* @param {?} ev
* @param {?} activatableEle
* @param {?} startCoord
* @return {?}
*/
RippleActivator.prototype.downAction = function (ev, activatableEle, startCoord) {
// Highlight
this.highlight && this.highlight.downAction(ev, activatableEle, startCoord);
// Ripple
this._downAction(ev, activatableEle, startCoord);
};
/**
* @param {?} ev
* @param {?} activatableEle
* @param {?} startCoord
* @return {?}
*/
RippleActivator.prototype.upAction = function (ev, activatableEle, startCoord) {
// Highlight
this.highlight && this.highlight.upAction(ev, activatableEle, startCoord);
// Ripple
this._upAction(ev, activatableEle, startCoord);
};
/**
* @param {?} animated
* @return {?}
*/
RippleActivator.prototype.clearState = function (animated) {
// Highlight
this.highlight && this.highlight.clearState(animated);
};
/**
* @param {?} ev
* @param {?} activatableEle
* @param {?} startCoord
* @return {?}
*/
RippleActivator.prototype._downAction = function (ev, activatableEle, startCoord) {
if (isActivatedDisabled(ev, activatableEle)) {
return;
}
var /** @type {?} */ j = activatableEle.childElementCount;
while (j--) {
var /** @type {?} */ rippleEle = activatableEle.children[j];
if (rippleEle.classList.contains('button-effect')) {
// DOM READ
var /** @type {?} */ clientRect = activatableEle.getBoundingClientRect();
rippleEle.$top = clientRect.top;
rippleEle.$left = clientRect.left;
rippleEle.$width = clientRect.width;
rippleEle.$height = clientRect.height;
break;
}
}
};
/**
* @param {?} ev
* @param {?} activatableEle
* @param {?} startCoord
* @return {?}
*/
RippleActivator.prototype._upAction = function (ev, activatableEle, startCoord) {
if (!hasPointerMoved(6, startCoord, pointerCoord(ev))) {
var /** @type {?} */ i = activatableEle.childElementCount;
while (i--) {
var /** @type {?} */ rippleEle = activatableEle.children[i];
if (rippleEle.classList.contains('button-effect')) {
// DOM WRITE
this.startRippleEffect(rippleEle, activatableEle, startCoord);
break;
}
}
}
};
/**
* @param {?} ev
* @param {?} activatableEle
* @param {?} startCoord
* @return {?}
*/
RippleActivator.prototype._clickAction = function (ev, activatableEle, startCoord) {
// NOTHING
};
/**
* @param {?} rippleEle
* @param {?} activatableEle
* @param {?} startCoord
* @return {?}
*/
RippleActivator.prototype.startRippleEffect = function (rippleEle, activatableEle, startCoord) {
if (!startCoord) {
return;
}
var /** @type {?} */ clientPointerX = (startCoord.x - rippleEle.$left);
var /** @type {?} */ clientPointerY = (startCoord.y - rippleEle.$top);
var /** @type {?} */ x = Math.max(Math.abs(rippleEle.$width - clientPointerX), clientPointerX) * 2;
var /** @type {?} */ y = Math.max(Math.abs(rippleEle.$height - clientPointerY), clientPointerY) * 2;
var /** @type {?} */ diameter = Math.min(Math.max(Math.hypot(x, y), 64), 240);
if (activatableEle.hasAttribute('ion-item')) {
diameter = Math.min(diameter, 140);
}
clientPointerX -= diameter / 2;
clientPointerY -= diameter / 2;
clientPointerX = Math.round(clientPointerX);
clientPointerY = Math.round(clientPointerY);
diameter = Math.round(diameter);
// Reset ripple
// DOM WRITE
var /** @type {?} */ Css = this.dom.plt.Css;
rippleEle.style.opacity = '';
rippleEle.style[Css.transform] = "translate3d(" + clientPointerX + "px, " + clientPointerY + "px, 0px) scale(0.001)";
rippleEle.style[Css.transition] = '';
// Start ripple animation
var /** @type {?} */ radius = Math.sqrt(rippleEle.$width + rippleEle.$height);
var /** @type {?} */ scaleTransitionDuration = Math.max(1600 * Math.sqrt(radius / TOUCH_DOWN_ACCEL) + 0.5, 260);
var /** @type {?} */ opacityTransitionDuration = Math.round(scaleTransitionDuration * 0.7);
var /** @type {?} */ opacityTransitionDelay = Math.round(scaleTransitionDuration - opacityTransitionDuration);
scaleTransitionDuration = Math.round(scaleTransitionDuration);
var /** @type {?} */ transform = "translate3d(" + clientPointerX + "px, " + clientPointerY + "px, 0px) scale(1)";
var /** @type {?} */ transition = "transform " + scaleTransitionDuration + "ms,opacity " + opacityTransitionDuration + "ms " + opacityTransitionDelay + "ms";
this.dom.write(function () {
// DOM WRITE
rippleEle.style.width = rippleEle.style.height = diameter + 'px';
rippleEle.style.opacity = '0';
rippleEle.style[Css.transform] = transform;
rippleEle.style[Css.transition] = transition;
}, 16);
};
return RippleActivator;
}());
var TOUCH_DOWN_ACCEL = 300;
/**
* @hidden
*/
var TapClick = (function () {
/**
* @param {?} config
* @param {?} plt
* @param {?} dom
* @param {?} app
* @param {?} zone
* @param {?} gestureCtrl
*/
function TapClick(config, plt, dom, app, zone, gestureCtrl) {
this.plt = plt;
this.app = app;
this.gestureCtrl = gestureCtrl;
this.disableClick = 0;
this.events = new UIEventManager(plt);
var activator = config.get('activator');
if (activator === 'ripple') {
this.activator = new RippleActivator(app, config, dom);
}
else if (activator === 'highlight') {
this.activator = new Activator(app, config, dom);
}
this.usePolyfill = config.getBoolean('tapPolyfill');
(void 0) /* console.debug */;
var doc = plt.doc();
this.events.listen(doc, 'click', this.click.bind(this), { passive: false, capture: true });
this.pointerEvents = this.events.pointerEvents({
element: doc,
pointerDown: this.pointerStart.bind(this),
pointerMove: this.pointerMove.bind(this),
pointerUp: this.pointerEnd.bind(this),
passive: true
});
this.pointerEvents.mouseWait = DISABLE_NATIVE_CLICK_AMOUNT;
}
/**
* @param {?} ev
* @return {?}
*/
TapClick.prototype.pointerStart = function (ev) {
if (this.startCoord) {
return false;
}
if (!this.app.isEnabled()) {
return false;
}
this.lastTouchEnd = 0;
this.dispatchClick = true;
if (this.plt.doc() === ev.target) {
this.startCoord = pointerCoord(ev);
return true;
}
var /** @type {?} */ activatableEle = getActivatableTarget(ev.target);
if (!activatableEle) {
this.startCoord = null;
return false;
}
this.startCoord = pointerCoord(ev);
this.activator && this.activator.downAction(ev, activatableEle, this.startCoord);
return true;
};
/**
* @param {?} ev
* @return {?}
*/
TapClick.prototype.pointerMove = function (ev) {
if (this.startCoord && this.shouldCancelEvent(ev)) {
this.pointerCancel(ev);
}
};
/**
* @param {?} ev
* @param {?} pointerEventType
* @return {?}
*/
TapClick.prototype.pointerEnd = function (ev, pointerEventType) {
if (!this.dispatchClick)
return;
(void 0) /* runInDev */;
if (!this.startCoord) {
return;
}
if (this.activator && ev.target !== this.plt.doc()) {
var /** @type {?} */ activatableEle = getActivatableTarget(ev.target);
if (activatableEle) {
this.activator.upAction(ev, activatableEle, this.startCoord);
}
}
if (this.usePolyfill && pointerEventType === POINTER_EVENT_TYPE_TOUCH && this.app.isEnabled()) {
this.handleTapPolyfill(ev);
}
this.startCoord = null;
};
/**
* @param {?} ev
* @return {?}
*/
TapClick.prototype.pointerCancel = function (ev) {
(void 0) /* console.debug */;
this.startCoord = null;
this.dispatchClick = false;
this.activator && this.activator.clearState(false);
this.pointerEvents.stop();
};
/**
* @param {?} ev
* @return {?}
*/
TapClick.prototype.shouldCancelEvent = function (ev) {
return (this.app.isScrolling() ||
this.gestureCtrl.isCaptured() ||
hasPointerMoved(POINTER_TOLERANCE, this.startCoord, pointerCoord(ev)));
};
/**
* @param {?} ev
* @return {?}
*/
TapClick.prototype.click = function (ev) {
if (this.shouldCancelClick(ev)) {
ev.preventDefault();
ev.stopPropagation();
return;
}
if (this.activator && this.plt.doc() !== ev.target) {
// cool, a click is gonna happen, let's tell the activator
// so the element can get the given "active" style
var /** @type {?} */ activatableEle = getActivatableTarget(ev.target);
if (activatableEle) {
this.activator.clickAction(ev, activatableEle, this.startCoord);
}
}
(void 0) /* runInDev */;
};
/**
* @param {?} ev
* @return {?}
*/
TapClick.prototype.shouldCancelClick = function (ev) {
if (this.usePolyfill) {
if (!ev.isIonicTap && this.isDisabledNativeClick()) {
(void 0) /* console.debug */;
return true;
}
}
else if (!this.dispatchClick) {
(void 0) /* console.debug */;
return true;
}
if (!this.app.isEnabled()) {
(void 0) /* console.debug */;
return true;
}
if (this.gestureCtrl.isCaptured()) {
(void 0) /* console.debug */;
return true;
}
return false;
};
/**
* @param {?} ev
* @return {?}
*/
TapClick.prototype.profileClickDelay = function (ev) {
if (this.lastTouchEnd) {
var /** @type {?} */ diff = Date.now() - this.lastTouchEnd;
if (diff < 100) {
(void 0) /* console.debug */;
}
else {
console.warn("SLOW click dispatched. Delay(ms):", diff, ev);
}
this.lastTouchEnd = null;
}
else {
(void 0) /* console.debug */;
}
};
/**
* @param {?} ev
* @return {?}
*/
TapClick.prototype.handleTapPolyfill = function (ev) {
(void 0) /* assert */;
// only dispatch mouse click events from a touchend event
// when tapPolyfill config is true, and the startCoordand endCoord
// are not too far off from each other
var /** @type {?} */ endCoord = pointerCoord(ev);
if (hasPointerMoved(POINTER_TOLERANCE, this.startCoord, endCoord)) {
(void 0) /* console.debug */;
return;
}
// prevent native mouse click events for XX amount of time
this.disableClick = Date.now() + DISABLE_NATIVE_CLICK_AMOUNT;
if (this.app.isScrolling()) {
// do not fire off a click event while the app was scrolling
(void 0) /* console.debug */;
}
else {
// dispatch a mouse click event
(void 0) /* console.debug */;
var /** @type {?} */ clickEvent = this.plt.doc().createEvent('MouseEvents');
clickEvent.initMouseEvent('click', true, true, this.plt.win(), 1, 0, 0, endCoord.x, endCoord.y, false, false, false, false, 0, null);
clickEvent.isIonicTap = true;
ev.target.dispatchEvent(clickEvent);
}
};
/**
* @return {?}
*/
TapClick.prototype.isDisabledNativeClick = function () {
return this.disableClick > Date.now();
};
return TapClick;
}());
TapClick.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
TapClick.ctorParameters = function () { return [
{ type: Config, },
{ type: Platform, },
{ type: DomController, },
{ type: App, },
{ type: NgZone, },
{ type: GestureController, },
]; };
/**
* @param {?} ele
* @return {?}
*/
function getActivatableTarget(ele) {
var /** @type {?} */ targetEle = ele;
for (var /** @type {?} */ x = 0; x < 10; x++) {
if (!targetEle)
break;
if (isActivatable(targetEle)) {
return targetEle;
}
targetEle = targetEle.parentElement;
}
return null;
}
/**
* @hidden
*/
var isActivatable = function (ele) {
if (ACTIVATABLE_ELEMENTS.indexOf(ele.tagName) > -1) {
return true;
}
for (var i = 0, l = ACTIVATABLE_ATTRIBUTES.length; i < l; i++) {
if (ele.hasAttribute && ele.hasAttribute(ACTIVATABLE_ATTRIBUTES[i])) {
return true;
}
}
return false;
};
var ACTIVATABLE_ELEMENTS = ['A', 'BUTTON'];
var ACTIVATABLE_ATTRIBUTES = ['tappable', 'ion-button'];
var POINTER_TOLERANCE = 100;
var DISABLE_NATIVE_CLICK_AMOUNT = 2500;
/**
* @hidden
* @param {?} config
* @param {?} plt
* @param {?} dom
* @param {?} app
* @param {?} zone
* @param {?} gestureCtrl
* @return {?}
*/
function setupTapClick(config, plt, dom, app, zone, gestureCtrl) {
return function () {
return new TapClick(config, plt, dom, app, zone, gestureCtrl);
};
}
/**
* @hidden
*/
var ToastCmp = (function () {
/**
* @param {?} _viewCtrl
* @param {?} _config
* @param {?} _elementRef
* @param {?} params
* @param {?} renderer
*/
function ToastCmp(_viewCtrl, _config, _elementRef, params, renderer) {
this._viewCtrl = _viewCtrl;
this._config = _config;
this._elementRef = _elementRef;
this.dismissTimeout = undefined;
renderer.setElementClass(_elementRef.nativeElement, "toast-" + _config.get('mode'), true);
this.d = params.data;
if (this.d.cssClass) {
this.d.cssClass.split(' ').forEach(function (cssClass) {
// Make sure the class isn't whitespace, otherwise it throws exceptions
if (cssClass.trim() !== '')
renderer.setElementClass(_elementRef.nativeElement, cssClass, true);
});
}
this.id = (++toastIds);
if (this.d.message) {
this.hdrId = 'toast-hdr-' + this.id;
}
}
/**
* @return {?}
*/
ToastCmp.prototype.ngAfterViewInit = function () {
var _this = this;
// if there's a `duration` set, automatically dismiss.
if (this.d.duration) {
this.dismissTimeout = ((setTimeout(function () {
_this.dismiss('backdrop');
}, this.d.duration)));
}
this.enabled = true;
};
/**
* @return {?}
*/
ToastCmp.prototype.ionViewDidEnter = function () {
var activeElement = document.activeElement;
if (activeElement) {
activeElement.blur();
}
var /** @type {?} */ focusableEle = this._elementRef.nativeElement.querySelector('button');
if (focusableEle) {
focusableEle.focus();
}
};
/**
* @return {?}
*/
ToastCmp.prototype.cbClick = function () {
if (this.enabled) {
this.dismiss('close');
}
};
/**
* @param {?} role
* @return {?}
*/
ToastCmp.prototype.dismiss = function (role) {
clearTimeout(this.dismissTimeout);
this.dismissTimeout = undefined;
return this._viewCtrl.dismiss(null, role, { disableApp: false });
};
return ToastCmp;
}());
ToastCmp.decorators = [
{ type: Component, args: [{
selector: 'ion-toast',
template: '<div class="toast-wrapper" ' +
'[class.toast-bottom]="d.position === \'bottom\'" ' +
'[class.toast-middle]="d.position === \'middle\'" ' +
'[class.toast-top]="d.position === \'top\'"> ' +
'<div class="toast-container"> ' +
'<div class="toast-message" id="{{hdrId}}" *ngIf="d.message">{{d.message}}</div> ' +
'<button ion-button clear class="toast-button" *ngIf="d.showCloseButton" (click)="cbClick()"> ' +
'{{ d.closeButtonText || \'Close\' }} ' +
'</button> ' +
'</div> ' +
'</div>',
host: {
'role': 'dialog',
'[attr.aria-labelledby]': 'hdrId',
'[attr.aria-describedby]': 'descId',
},
},] },
];
/**
* @nocollapse
*/
ToastCmp.ctorParameters = function () { return [
{ type: ViewController, },
{ type: Config, },
{ type: ElementRef, },
{ type: NavParams, },
{ type: Renderer, },
]; };
var toastIds = -1;
var __extends$45 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
var ToastSlideIn = (function (_super) {
__extends$45(ToastSlideIn, _super);
function ToastSlideIn() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
ToastSlideIn.prototype.init = function () {
// DOM READS
var /** @type {?} */ ele = this.enteringView.pageRef().nativeElement;
var /** @type {?} */ wrapperEle = (ele.querySelector('.toast-wrapper'));
var /** @type {?} */ wrapper = new Animation(this.plt, wrapperEle);
if (this.enteringView.data && this.enteringView.data.position === TOAST_POSITION_TOP$1) {
// top
// by default, it is -100% hidden (above the screen)
// so move from that to 10px below top: 0px;
wrapper.fromTo('translateY', '-100%', 10 + "px");
}
else if (this.enteringView.data && this.enteringView.data.position === TOAST_POSITION_MIDDLE$1) {
// Middle
// just center it and fade it in
var /** @type {?} */ topPosition = Math.floor(ele.clientHeight / 2 - wrapperEle.clientHeight / 2);
// DOM WRITE
wrapperEle.style.top = topPosition + "px";
wrapper.fromTo('opacity', 0.01, 1);
}
else {
// bottom
// by default, it is 100% hidden (below the screen),
// so move from that to 10 px above bottom: 0px
wrapper.fromTo('translateY', '100%', 0 - 10 + "px");
}
this.easing('cubic-bezier(.36,.66,.04,1)').duration(400).add(wrapper);
};
return ToastSlideIn;
}(Transition));
var ToastSlideOut = (function (_super) {
__extends$45(ToastSlideOut, _super);
function ToastSlideOut() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
ToastSlideOut.prototype.init = function () {
var /** @type {?} */ ele = this.leavingView.pageRef().nativeElement;
var /** @type {?} */ wrapperEle = (ele.querySelector('.toast-wrapper'));
var /** @type {?} */ wrapper = new Animation(this.plt, wrapperEle);
if (this.leavingView.data && this.leavingView.data.position === TOAST_POSITION_TOP$1) {
// top
// reverse arguments from enter transition
wrapper.fromTo('translateY', 10 + "px", '-100%');
}
else if (this.leavingView.data && this.leavingView.data.position === TOAST_POSITION_MIDDLE$1) {
// Middle
// just fade it out
wrapper.fromTo('opacity', 0.99, 0);
}
else {
// bottom
// reverse arguments from enter transition
wrapper.fromTo('translateY', 0 - 10 + "px", '100%');
}
this.easing('cubic-bezier(.36,.66,.04,1)').duration(300).add(wrapper);
};
return ToastSlideOut;
}(Transition));
var ToastMdSlideIn = (function (_super) {
__extends$45(ToastMdSlideIn, _super);
function ToastMdSlideIn() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
ToastMdSlideIn.prototype.init = function () {
// DOM reads
var /** @type {?} */ ele = this.enteringView.pageRef().nativeElement;
var /** @type {?} */ wrapperEle = ele.querySelector('.toast-wrapper');
var /** @type {?} */ wrapper = new Animation(this.plt, wrapperEle);
if (this.enteringView.data && this.enteringView.data.position === TOAST_POSITION_TOP$1) {
// top
// by default, it is -100% hidden (above the screen)
// so move from that to top: 0px;
wrapper.fromTo('translateY', '-100%', "0%");
}
else if (this.enteringView.data && this.enteringView.data.position === TOAST_POSITION_MIDDLE$1) {
// Middle
// just center it and fade it in
var /** @type {?} */ topPosition = Math.floor(ele.clientHeight / 2 - wrapperEle.clientHeight / 2);
// DOM WRITE
wrapperEle.style.top = topPosition + "px";
wrapper.fromTo('opacity', 0.01, 1);
}
else {
// bottom
// by default, it is 100% hidden (below the screen),
// so move from that to bottom: 0px
wrapper.fromTo('translateY', '100%', "0%");
}
this.easing('cubic-bezier(.36,.66,.04,1)').duration(400).add(wrapper);
};
return ToastMdSlideIn;
}(Transition));
var ToastMdSlideOut = (function (_super) {
__extends$45(ToastMdSlideOut, _super);
function ToastMdSlideOut() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
ToastMdSlideOut.prototype.init = function () {
var /** @type {?} */ ele = this.leavingView.pageRef().nativeElement;
var /** @type {?} */ wrapperEle = ele.querySelector('.toast-wrapper');
var /** @type {?} */ wrapper = new Animation(this.plt, wrapperEle);
if (this.leavingView.data && this.leavingView.data.position === TOAST_POSITION_TOP$1) {
// top
// reverse arguments from enter transition
wrapper.fromTo('translateY', 0 + "%", '-100%');
}
else if (this.leavingView.data && this.leavingView.data.position === TOAST_POSITION_MIDDLE$1) {
// Middle
// just fade it out
wrapper.fromTo('opacity', 0.99, 0);
}
else {
// bottom
// reverse arguments from enter transition
wrapper.fromTo('translateY', 0 + "%", '100%');
}
this.easing('cubic-bezier(.36,.66,.04,1)').duration(450).add(wrapper);
};
return ToastMdSlideOut;
}(Transition));
var ToastWpPopIn = (function (_super) {
__extends$45(ToastWpPopIn, _super);
function ToastWpPopIn() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
ToastWpPopIn.prototype.init = function () {
var /** @type {?} */ ele = this.enteringView.pageRef().nativeElement;
var /** @type {?} */ wrapperEle = ele.querySelector('.toast-wrapper');
var /** @type {?} */ wrapper = new Animation(this.plt, wrapperEle);
if (this.enteringView.data && this.enteringView.data.position === TOAST_POSITION_TOP$1) {
// top
wrapper.fromTo('opacity', 0.01, 1);
wrapper.fromTo('scale', 1.3, 1);
}
else if (this.enteringView.data && this.enteringView.data.position === TOAST_POSITION_MIDDLE$1) {
// Middle
// just center it and fade it in
var /** @type {?} */ topPosition = Math.floor(ele.clientHeight / 2 - wrapperEle.clientHeight / 2);
// DOM WRITE
wrapperEle.style.top = topPosition + "px";
wrapper.fromTo('opacity', 0.01, 1);
wrapper.fromTo('scale', 1.3, 1);
}
else {
// bottom
wrapper.fromTo('opacity', 0.01, 1);
wrapper.fromTo('scale', 1.3, 1);
}
this.easing('cubic-bezier(0,0,0.05,1)').duration(200).add(wrapper);
};
return ToastWpPopIn;
}(Transition));
var ToastWpPopOut = (function (_super) {
__extends$45(ToastWpPopOut, _super);
function ToastWpPopOut() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @return {?}
*/
ToastWpPopOut.prototype.init = function () {
// DOM reads
var /** @type {?} */ ele = this.leavingView.pageRef().nativeElement;
var /** @type {?} */ wrapperEle = ele.querySelector('.toast-wrapper');
var /** @type {?} */ wrapper = new Animation(this.plt, wrapperEle);
if (this.leavingView.data && this.leavingView.data.position === TOAST_POSITION_TOP$1) {
// top
// reverse arguments from enter transition
wrapper.fromTo('opacity', 0.99, 0);
wrapper.fromTo('scale', 1, 1.3);
}
else if (this.leavingView.data && this.leavingView.data.position === TOAST_POSITION_MIDDLE$1) {
// Middle
// just fade it out
wrapper.fromTo('opacity', 0.99, 0);
wrapper.fromTo('scale', 1, 1.3);
}
else {
// bottom
// reverse arguments from enter transition
wrapper.fromTo('opacity', 0.99, 0);
wrapper.fromTo('scale', 1, 1.3);
}
// DOM writes
var /** @type {?} */ EASE = 'ease-out';
var /** @type {?} */ DURATION = 150;
this.easing(EASE).duration(DURATION).add(wrapper);
};
return ToastWpPopOut;
}(Transition));
var TOAST_POSITION_TOP$1 = 'top';
var TOAST_POSITION_MIDDLE$1 = 'middle';
var __extends$44 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* @hidden
*/
var Toast = (function (_super) {
__extends$44(Toast, _super);
/**
* @param {?} app
* @param {?=} opts
* @param {?=} config
*/
function Toast(app, opts, config) {
if (opts === void 0) { opts = {}; }
var _this = this;
opts.dismissOnPageChange = isPresent$1(opts.dismissOnPageChange) ? !!opts.dismissOnPageChange : false;
_this = _super.call(this, ToastCmp, opts, null) || this;
_this._app = app;
// set the position to the bottom if not provided
if (!opts.position || !_this.isValidPosition(opts.position)) {
opts.position = TOAST_POSITION_BOTTOM;
}
_this.isOverlay = true;
config.setTransition('toast-slide-in', ToastSlideIn);
config.setTransition('toast-slide-out', ToastSlideOut);
config.setTransition('toast-md-slide-in', ToastMdSlideIn);
config.setTransition('toast-md-slide-out', ToastMdSlideOut);
config.setTransition('toast-wp-slide-out', ToastWpPopOut);
config.setTransition('toast-wp-slide-in', ToastWpPopIn);
return _this;
}
/**
* @hidden
* @param {?} direction
* @return {?}
*/
Toast.prototype.getTransitionName = function (direction) {
var /** @type {?} */ key = 'toast' + (direction === 'back' ? 'Leave' : 'Enter');
return this._nav && this._nav.config.get(key);
};
/**
* @hidden
* @param {?} position
* @return {?}
*/
Toast.prototype.isValidPosition = function (position) {
return position === TOAST_POSITION_TOP || position === TOAST_POSITION_MIDDLE || position === TOAST_POSITION_BOTTOM;
};
/**
* @param {?} message
* @return {?}
*/
Toast.prototype.setMessage = function (message) {
this.data.message = message;
return this;
};
/**
* @param {?} dur
* @return {?}
*/
Toast.prototype.setDuration = function (dur) {
this.data.duration = dur;
return this;
};
/**
* @param {?} pos
* @return {?}
*/
Toast.prototype.setPosition = function (pos) {
this.data.position = pos;
return this;
};
/**
* @param {?} cssClass
* @return {?}
*/
Toast.prototype.setCssClass = function (cssClass) {
this.data.cssClass = cssClass;
return this;
};
/**
* @param {?} closeButton
* @return {?}
*/
Toast.prototype.setShowCloseButton = function (closeButton) {
this.data.showCloseButton = closeButton;
return this;
};
/**
* Present the toast instance.
*
* @param {?=} navOptions
* @return {?}
*/
Toast.prototype.present = function (navOptions) {
if (navOptions === void 0) { navOptions = {}; }
navOptions.disableApp = false;
return this._app.present(this, navOptions, PORTAL_TOAST);
};
/**
* Dismiss all toast components which have been presented.
* @return {?}
*/
Toast.prototype.dismissAll = function () {
this._nav && this._nav.popAll();
};
return Toast;
}(ViewController));
var TOAST_POSITION_TOP = 'top';
var TOAST_POSITION_MIDDLE = 'middle';
var TOAST_POSITION_BOTTOM = 'bottom';
/**
* \@name ToastController
* \@description
* A Toast is a subtle notification commonly used in modern applications.
* It can be used to provide feedback about an operation or to
* display a system message. The toast appears on top of the app's content,
* and can be dismissed by the app to resume user interaction with
* the app.
*
* ### Creating
* All of the toast options should be passed in the first argument of
* the create method: `create(opts)`. The message to display should be
* passed in the `message` property. The `showCloseButton` option can be set to
* true in order to display a close button on the toast. See the [create](#create)
* method below for all available options.
*
* ### Positioning
* Toasts can be positioned at the top, bottom or middle of the
* view port. The position can be passed to the `Toast.create(opts)` method.
* The position option is a string, and the values accepted are `top`, `bottom` and `middle`.
* If the position is not specified, the toast will be displayed at the bottom of the view port.
*
* ### Dismissing
* The toast can be dismissed automatically after a specific amount of time
* by passing the number of milliseconds to display it in the `duration` of
* the toast options. If `showCloseButton` is set to true, then the close button
* will dismiss the toast. To dismiss the toast after creation, call the `dismiss()`
* method on the Toast instance. The `onDidDismiss` function can be called to perform an action after the toast
* is dismissed.
*
* \@usage
* ```ts
* constructor(private toastCtrl: ToastController) {
*
* }
*
* presentToast() {
* let toast = this.toastCtrl.create({
* message: 'User was added successfully',
* duration: 3000,
* position: 'top'
* });
*
* toast.onDidDismiss(() => {
* console.log('Dismissed toast');
* });
*
* toast.present();
* }
* ```
* \@advanced
* | Property | Type | Default | Description |
* |-----------------------|-----------|-----------------|---------------------------------------------------------------------------------------------------------------|
* | message | `string` | - | The message for the toast. Long strings will wrap and the toast container will expand. |
* | duration | `number` | - | How many milliseconds to wait before hiding the toast. By default, it will show until `dismiss()` is called. |
* | position | `string` | "bottom" | The position of the toast on the screen. Accepted values: "top", "middle", "bottom". |
* | cssClass | `string` | - | Additional classes for custom styles, separated by spaces. |
* | showCloseButton | `boolean` | false | Whether or not to show a button to close the toast. |
* | closeButtonText | `string` | "Close" | Text to display in the close button. |
* | dismissOnPageChange | `boolean` | false | Whether to dismiss the toast when navigating to a new page. |
*
* \@demo /docs/demos/src/toast/
*/
var ToastController = (function () {
/**
* @param {?} _app
* @param {?} config
*/
function ToastController(_app, config) {
this._app = _app;
this.config = config;
}
/**
* Create a new toast component. See options below
* @param {?=} opts
* @return {?}
*/
ToastController.prototype.create = function (opts) {
if (opts === void 0) { opts = {}; }
return new Toast(this._app, opts, this.config);
};
return ToastController;
}());
ToastController.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
ToastController.ctorParameters = function () { return [
{ type: App, },
{ type: Config, },
]; };
var MODE_IOS = {
activator: 'highlight',
actionSheetEnter: 'action-sheet-slide-in',
actionSheetLeave: 'action-sheet-slide-out',
alertEnter: 'alert-pop-in',
alertLeave: 'alert-pop-out',
backButtonText: 'Back',
backButtonIcon: 'ios-arrow-back',
iconMode: 'ios',
loadingEnter: 'loading-pop-in',
loadingLeave: 'loading-pop-out',
menuType: 'reveal',
modalEnter: 'modal-slide-in',
modalLeave: 'modal-slide-out',
pageTransition: 'ios-transition',
pickerEnter: 'picker-slide-in',
pickerLeave: 'picker-slide-out',
pickerRotateFactor: -0.46,
pickerScaleFactor: 1,
popoverEnter: 'popover-pop-in',
popoverLeave: 'popover-pop-out',
spinner: 'ios',
tabsHighlight: false,
tabsPlacement: 'bottom',
tabsHideOnSubPages: false,
toastEnter: 'toast-slide-in',
toastLeave: 'toast-slide-out',
};
var MODE_MD = {
activator: 'ripple',
actionSheetEnter: 'action-sheet-md-slide-in',
actionSheetLeave: 'action-sheet-md-slide-out',
alertEnter: 'alert-md-pop-in',
alertLeave: 'alert-md-pop-out',
backButtonText: '',
backButtonIcon: 'md-arrow-back',
iconMode: 'md',
loadingEnter: 'loading-md-pop-in',
loadingLeave: 'loading-md-pop-out',
menuType: 'overlay',
modalEnter: 'modal-md-slide-in',
modalLeave: 'modal-md-slide-out',
pageTransition: 'md-transition',
pickerEnter: 'picker-slide-in',
pickerLeave: 'picker-slide-out',
pickerRotateFactor: 0,
pickerScaleFactor: 0.81,
popoverEnter: 'popover-md-pop-in',
popoverLeave: 'popover-md-pop-out',
spinner: 'crescent',
tabsHighlight: false,
tabsPlacement: 'bottom',
tabsHideOnSubPages: false,
toastEnter: 'toast-md-slide-in',
toastLeave: 'toast-md-slide-out',
};
var MODE_WP = {
activator: 'highlight',
actionSheetEnter: 'action-sheet-wp-slide-in',
actionSheetLeave: 'action-sheet-wp-slide-out',
alertEnter: 'alert-wp-pop-in',
alertLeave: 'alert-wp-pop-out',
backButtonText: '',
backButtonIcon: 'ios-arrow-back',
iconMode: 'ios',
loadingEnter: 'loading-wp-pop-in',
loadingLeave: 'loading-wp-pop-out',
menuType: 'overlay',
modalEnter: 'modal-md-slide-in',
modalLeave: 'modal-md-slide-out',
pageTransition: 'wp-transition',
pickerEnter: 'picker-slide-in',
pickerLeave: 'picker-slide-out',
pickerRotateFactor: 0,
pickerScaleFactor: 0.81,
popoverEnter: 'popover-md-pop-in',
popoverLeave: 'popover-md-pop-out',
spinner: 'circles',
tabsHighlight: false,
tabsPlacement: 'top',
tabsHideOnSubPages: true,
toastEnter: 'toast-wp-slide-in',
toastLeave: 'toast-wp-slide-out',
};
/**
* @param {?} config
* @return {?}
*/
function registerModeConfigs(config) {
return function () {
// iOS Mode Settings
config.setModeConfig('ios', MODE_IOS);
// Material Design Mode Settings
config.setModeConfig('md', MODE_MD);
// Windows Mode Settings
config.setModeConfig('wp', MODE_WP);
};
}
/**
* @hidden
*/
var UrlSerializer = (function () {
/**
* @param {?} config
*/
function UrlSerializer(config) {
if (config && isArray$2(config.links)) {
this.links = normalizeLinks(config.links);
}
else {
this.links = [];
}
}
/**
* Parse the URL into a Path, which is made up of multiple NavSegments.
* Match which components belong to each segment.
* @param {?} browserUrl
* @return {?}
*/
UrlSerializer.prototype.parse = function (browserUrl) {
if (browserUrl.charAt(0) === '/') {
browserUrl = browserUrl.substr(1);
}
// trim off data after ? and #
browserUrl = browserUrl.split('?')[0].split('#')[0];
return parseUrlParts(browserUrl.split('/'), this.links);
};
/**
* @param {?} nameOrComponent
* @return {?}
*/
UrlSerializer.prototype.createSegmentFromName = function (nameOrComponent) {
var /** @type {?} */ configLink = this.getLinkFromName(nameOrComponent);
return configLink ? {
id: configLink.name,
name: configLink.name,
component: configLink.component,
loadChildren: configLink.loadChildren,
data: null,
defaultHistory: configLink.defaultHistory
} : null;
};
/**
* @param {?} nameOrComponent
* @return {?}
*/
UrlSerializer.prototype.getLinkFromName = function (nameOrComponent) {
return this.links.find(function (link) {
return (link.component === nameOrComponent) ||
(link.name === nameOrComponent);
});
};
/**
* Serialize a path, which is made up of multiple NavSegments,
* into a URL string. Turn each segment into a string and concat them to a URL.
* @param {?} path
* @return {?}
*/
UrlSerializer.prototype.serialize = function (path) {
return '/' + path.map(function (segment) { return segment.id; }).join('/');
};
/**
* Serializes a component and its data into a NavSegment.
* @param {?} component
* @param {?} data
* @return {?}
*/
UrlSerializer.prototype.serializeComponent = function (component, data) {
if (component) {
var /** @type {?} */ link = findLinkByComponentData(this.links, component, data);
if (link) {
return this._createSegment(link, data);
}
}
return null;
};
/**
* \@internal
* @param {?} configLink
* @param {?} data
* @return {?}
*/
UrlSerializer.prototype._createSegment = function (configLink, data) {
var /** @type {?} */ urlParts = configLink.parts;
if (isPresent$1(data)) {
// create a copy of the original parts in the link config
urlParts = urlParts.slice();
// loop through all the data and convert it to a string
var /** @type {?} */ keys = Object.keys(data);
var /** @type {?} */ keysLength = keys.length;
if (keysLength) {
for (var /** @type {?} */ i = 0; i < urlParts.length; i++) {
if (urlParts[i].charAt(0) === ':') {
for (var /** @type {?} */ j = 0; j < keysLength; j++) {
if (urlParts[i] === ":" + keys[j]) {
// this data goes into the URL part (between slashes)
urlParts[i] = encodeURIComponent(data[keys[j]]);
break;
}
}
}
}
}
}
return {
id: urlParts.join('/'),
name: configLink.name,
component: configLink.component,
loadChildren: configLink.loadChildren,
data: data,
defaultHistory: configLink.defaultHistory
};
};
/**
* @param {?} name
* @return {?}
*/
UrlSerializer.prototype.formatUrlPart = function (name) {
name = name.replace(URL_REPLACE_REG, '-');
name = name.charAt(0).toLowerCase() + name.substring(1).replace(/[A-Z]/g, function (match) {
return '-' + match.toLowerCase();
});
while (name.indexOf('--') > -1) {
name = name.replace('--', '-');
}
if (name.charAt(0) === '-') {
name = name.substring(1);
}
if (name.substring(name.length - 1) === '-') {
name = name.substring(0, name.length - 1);
}
return encodeURIComponent(name);
};
return UrlSerializer;
}());
var parseUrlParts = function (urlParts, configLinks) {
var /** @type {?} */ configLinkLen = configLinks.length;
var /** @type {?} */ urlPartsLen = urlParts.length;
var /** @type {?} */ segments = new Array(urlPartsLen);
for (var /** @type {?} */ i = 0; i < configLinkLen; i++) {
// compare url parts to config link parts to create nav segments
var /** @type {?} */ configLink = configLinks[i];
if (configLink.partsLen <= urlPartsLen) {
fillMatchedUrlParts(segments, urlParts, configLink);
}
}
// remove all the undefined segments
for (var /** @type {?} */ i = urlPartsLen - 1; i >= 0; i--) {
if (segments[i] === undefined) {
if (urlParts[i] === undefined) {
// not a used part, so remove it
segments.splice(i, 1);
}
else {
// create an empty part
segments[i] = {
id: urlParts[i],
name: urlParts[i],
component: null,
loadChildren: null,
data: null
};
}
}
}
return segments;
};
var fillMatchedUrlParts = function (segments, urlParts, configLink) {
for (var /** @type {?} */ i = 0; i < urlParts.length; i++) {
var /** @type {?} */ urlI = i;
for (var /** @type {?} */ j = 0; j < configLink.partsLen; j++) {
if (isPartMatch(urlParts[urlI], configLink.parts[j])) {
urlI++;
}
else {
break;
}
}
if ((urlI - i) === configLink.partsLen) {
var /** @type {?} */ matchedUrlParts = urlParts.slice(i, urlI);
for (var /** @type {?} */ j = i; j < urlI; j++) {
urlParts[j] = undefined;
}
segments[i] = {
id: matchedUrlParts.join('/'),
name: configLink.name,
component: configLink.component,
loadChildren: configLink.loadChildren,
data: createMatchedData(matchedUrlParts, configLink),
defaultHistory: configLink.defaultHistory
};
}
}
};
var isPartMatch = function (urlPart, configLinkPart) {
if (isPresent$1(urlPart) && isPresent$1(configLinkPart)) {
if (configLinkPart.charAt(0) === ':') {
return true;
}
return (urlPart === configLinkPart);
}
return false;
};
var createMatchedData = function (matchedUrlParts, link) {
var /** @type {?} */ data = null;
for (var /** @type {?} */ i = 0; i < link.partsLen; i++) {
if (link.parts[i].charAt(0) === ':') {
data = data || {};
data[link.parts[i].substring(1)] = decodeURIComponent(matchedUrlParts[i]);
}
}
return data;
};
var findLinkByComponentData = function (links, component, instanceData) {
var /** @type {?} */ foundLink = null;
var /** @type {?} */ foundLinkDataMatches = -1;
for (var /** @type {?} */ i = 0; i < links.length; i++) {
var /** @type {?} */ link = links[i];
if (link.component === component) {
// ok, so the component matched, but multiple links can point
// to the same component, so let's make sure this is the right link
var /** @type {?} */ dataMatches = 0;
if (instanceData) {
var /** @type {?} */ instanceDataKeys = Object.keys(instanceData);
// this link has data
for (var /** @type {?} */ j = 0; j < instanceDataKeys.length; j++) {
if (isPresent$1(link.dataKeys[instanceDataKeys[j]])) {
dataMatches++;
}
}
}
else if (link.dataLen) {
// this component does not have data but the link does
continue;
}
if (dataMatches >= foundLinkDataMatches) {
foundLink = link;
foundLinkDataMatches = dataMatches;
}
}
}
return foundLink;
};
var normalizeLinks = function (links) {
for (var /** @type {?} */ i = 0, /** @type {?} */ ilen = links.length; i < ilen; i++) {
var /** @type {?} */ link = links[i];
if (isBlank$1(link.segment)) {
link.segment = link.name;
}
link.dataKeys = {};
link.parts = link.segment.split('/');
link.partsLen = link.parts.length;
// used for sorting
link.staticLen = link.dataLen = 0;
var /** @type {?} */ stillCountingStatic = true;
for (var /** @type {?} */ j = 0; j < link.partsLen; j++) {
if (link.parts[j].charAt(0) === ':') {
link.dataLen++;
stillCountingStatic = false;
link.dataKeys[link.parts[j].substring(1)] = true;
}
else if (stillCountingStatic) {
link.staticLen++;
}
}
}
// sort by the number of parts, with the links
// with the most parts first
return links.sort(sortConfigLinks);
};
/**
* @param {?} a
* @param {?} b
* @return {?}
*/
function sortConfigLinks(a, b) {
// sort by the number of parts
if (a.partsLen > b.partsLen) {
return -1;
}
if (a.partsLen < b.partsLen) {
return 1;
}
// sort by the number of static parts in a row
if (a.staticLen > b.staticLen) {
return -1;
}
if (a.staticLen < b.staticLen) {
return 1;
}
// sort by the number of total data parts
if (a.dataLen < b.dataLen) {
return -1;
}
if (a.dataLen > b.dataLen) {
return 1;
}
return 0;
}
var URL_REPLACE_REG = /\s+|\?|\!|\$|\,|\.|\+|\"|\'|\*|\^|\||\/|\\|\[|\]|#|%|`|>|<|;|:|@|&|=/g;
/**
* @hidden
*/
var DeepLinkConfigToken = new OpaqueToken('USERLINKS');
/**
* @param {?} userDeepLinkConfig
* @return {?}
*/
function setupUrlSerializer(userDeepLinkConfig) {
return new UrlSerializer(userDeepLinkConfig);
}
var __extends$46 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* \@name Button
* \@module ionic
* \@description
* Buttons are simple components in Ionic. They can consist of text and icons
* and be enhanced by a wide range of attributes.
*
* \@usage
*
* ```html
*
* <!-- Colors -->
* <button ion-button>Default</button>
*
* <button ion-button color="secondary">Secondary</button>
*
* <button ion-button color="danger">Danger</button>
*
* <button ion-button color="light">Light</button>
*
* <button ion-button color="dark">Dark</button>
*
* <!-- Shapes -->
* <button ion-button full>Full Button</button>
*
* <button ion-button block>Block Button</button>
*
* <button ion-button round>Round Button</button>
*
* <!-- Outline -->
* <button ion-button full outline>Outline + Full</button>
*
* <button ion-button block outline>Outline + Block</button>
*
* <button ion-button round outline>Outline + Round</button>
*
* <!-- Icons -->
* <button ion-button icon-left>
* <ion-icon name="star"></ion-icon>
* Left Icon
* </button>
*
* <button ion-button icon-right>
* Right Icon
* <ion-icon name="star"></ion-icon>
* </button>
*
* <button ion-button icon-only>
* <ion-icon name="star"></ion-icon>
* </button>
*
* <!-- Sizes -->
* <button ion-button large>Large</button>
*
* <button ion-button>Default</button>
*
* <button ion-button small>Small</button>
* ```
*
* \@advanced
*
* ```html
*
* <!-- Bind the color and outline inputs to an expression -->
* <button ion-button [color]="isDanger ? 'danger' : 'primary'" [outline]="isOutline">
* Danger (Solid)
* </button>
*
* <!-- Bind the color and round inputs to an expression -->
* <button ion-button [color]="myColor" [round]="isRound">
* Secondary (Round)
* </button>
*
* <!-- Bind the color and clear inputs to an expression -->
* <button ion-button [color]="isSecondary ? 'secondary' : 'primary'" [clear]="isClear">
* Primary (Clear)
* </button>
*
* <!-- Bind the color, outline and round inputs to an expression -->
* <button ion-button [color]="myColor2" [outline]="isOutline" [round]="isRound">
* Dark (Solid + Round)
* </button>
*
* <!-- Bind the click event to a method -->
* <button ion-button (click)="logEvent($event)">
* Click me!
* </button>
* ```
*
* ```ts
* \@Component({
* templateUrl: 'main.html'
* })
* class E2EPage {
* isDanger: boolean = true;
* isSecondary: boolean = false;
* isRound: boolean = true;
* isOutline: boolean = false;
* isClear: boolean = true;
* myColor: string = 'secondary';
* myColor2: string = 'dark';
*
* logEvent(event) {
* console.log(event)
* }
* }
*
* ```
*
* \@demo /docs/demos/src/button/
* @see {\@link /docs/components#buttons Button Component Docs}
* @see {\@link /docs/components#fabs FabButton Docs}
* @see {\@link ../../fab/FabButton FabButton API Docs}
* @see {\@link ../../fab/FabContainer FabContainer API Docs}
*/
var Button = (function (_super) {
__extends$46(Button, _super);
/**
* @param {?} ionButton
* @param {?} config
* @param {?} elementRef
* @param {?} renderer
*/
function Button(ionButton, config, elementRef, renderer) {
var _this = _super.call(this, config, elementRef, renderer) || this;
/**
* @hidden
*/
_this._role = 'button';
/**
* @hidden
*/
_this._style = 'default';
_this._mode = config.get('mode');
if (config.get('hoverCSS') === false) {
_this.setElementClass('disable-hover', true);
}
if (ionButton.trim().length > 0) {
_this.setRole(ionButton);
}
return _this;
}
Object.defineProperty(Button.prototype, "large", {
/**
* \@input {boolean} If true, activates the large button size.
* @param {?} val
* @return {?}
*/
set: function (val) {
this._attr('_size', 'large', val);
},
enumerable: true,
configurable: true
});
Object.defineProperty(Button.prototype, "small", {
/**
* \@input {boolean} If true, activates the small button size.
* @param {?} val
* @return {?}
*/
set: function (val) {
this._attr('_size', 'small', val);
},
enumerable: true,
configurable: true
});
Object.defineProperty(Button.prototype, "default", {
/**
* \@input {boolean} If true, activates the default button size. Normally the default, useful for buttons in an item.
* @param {?} val
* @return {?}
*/
set: function (val) {
this._attr('_size', 'default', val);
},
enumerable: true,
configurable: true
});
Object.defineProperty(Button.prototype, "outline", {
/**
* \@input {boolean} If true, activates a transparent button style with a border.
* @param {?} val
* @return {?}
*/
set: function (val) {
this._attr('_style', 'outline', val);
},
enumerable: true,
configurable: true
});
Object.defineProperty(Button.prototype, "clear", {
/**
* \@input {boolean} If true, activates a transparent button style without a border.
* @param {?} val
* @return {?}
*/
set: function (val) {
this._attr('_style', 'clear', val);
},
enumerable: true,
configurable: true
});
Object.defineProperty(Button.prototype, "solid", {
/**
* \@input {boolean} If true, activates a solid button style. Normally the default, useful for buttons in a toolbar.
* @param {?} val
* @return {?}
*/
set: function (val) {
this._attr('_style', 'solid', val);
},
enumerable: true,
configurable: true
});
Object.defineProperty(Button.prototype, "round", {
/**
* \@input {boolean} If true, activates a button with rounded corners.
* @param {?} val
* @return {?}
*/
set: function (val) {
this._attr('_shape', 'round', val);
},
enumerable: true,
configurable: true
});
Object.defineProperty(Button.prototype, "block", {
/**
* \@input {boolean} If true, activates a button style that fills the available width.
* @param {?} val
* @return {?}
*/
set: function (val) {
this._attr('_display', 'block', val);
},
enumerable: true,
configurable: true
});
Object.defineProperty(Button.prototype, "full", {
/**
* \@input {boolean} If true, activates a button style that fills the available width without
* a left and right border.
* @param {?} val
* @return {?}
*/
set: function (val) {
this._attr('_display', 'full', val);
},
enumerable: true,
configurable: true
});
Object.defineProperty(Button.prototype, "strong", {
/**
* \@input {boolean} If true, activates a button with a heavier font weight.
* @param {?} val
* @return {?}
*/
set: function (val) {
this._attr('_decorator', 'strong', val);
},
enumerable: true,
configurable: true
});
Object.defineProperty(Button.prototype, "mode", {
/**
* \@input {string} The mode determines which platform styles to use.
* Possible values are: `"ios"`, `"md"`, or `"wp"`.
* For more information, see [Platform Styles](/docs/theming/platform-specific-styles).
* @param {?} val
* @return {?}
*/
set: function (val) {
this._assignCss(false);
this._mode = val;
this._assignCss(true);
},
enumerable: true,
configurable: true
});
/**
* @hidden
* @param {?} type
* @param {?} attrName
* @param {?} attrValue
* @return {?}
*/
Button.prototype._attr = function (type, attrName, attrValue) {
if (type === '_style') {
this._updateColor(this._color, false);
}
this._setClass(((this))[type], false);
if (isTrueProperty(attrValue)) {
((this))[type] = attrName;
this._setClass(attrName, true);
}
else {
// Special handling for '_style' which defaults to 'default'.
((this))[type] = (type === '_style' ? 'default' : null);
this._setClass(((this))[type], true);
}
if (type === '_style') {
this._updateColor(this._color, true);
}
};
Object.defineProperty(Button.prototype, "color", {
/**
* \@input {string} The color to use from your Sass `$colors` map.
* Default options are: `"primary"`, `"secondary"`, `"danger"`, `"light"`, and `"dark"`.
* For more information, see [Theming your App](/docs/theming/theming-your-app).
* @param {?} val
* @return {?}
*/
set: function (val) {
this._updateColor(this._color, false);
this._updateColor(val, true);
this._color = val;
},
enumerable: true,
configurable: true
});
/**
* @hidden
* @return {?}
*/
Button.prototype.ngAfterContentInit = function () {
this._init = true;
this._assignCss(true);
};
/**
* @hidden
* @param {?} val
* @return {?}
*/
Button.prototype.setRole = function (val) {
this._assignCss(false);
this._role = val;
this._assignCss(true);
};
/**
* @hidden
* @param {?} assignCssClass
* @return {?}
*/
Button.prototype._assignCss = function (assignCssClass) {
var /** @type {?} */ role = this._role;
if (role) {
this.setElementClass(role, assignCssClass); // button
this.setElementClass(role + "-" + this._mode, assignCssClass); // button
this._setClass(this._style, assignCssClass); // button-clear
this._setClass(this._shape, assignCssClass); // button-round
this._setClass(this._display, assignCssClass); // button-full
this._setClass(this._size, assignCssClass); // button-small
this._setClass(this._decorator, assignCssClass); // button-strong
this._updateColor(this._color, assignCssClass); // button-secondary, bar-button-secondary
}
};
/**
* @hidden
* @param {?} type
* @param {?} assignCssClass
* @return {?}
*/
Button.prototype._setClass = function (type, assignCssClass) {
if (type && this._init) {
type = type.toLocaleLowerCase();
this.setElementClass(this._role + "-" + type, assignCssClass);
this.setElementClass(this._role + "-" + type + "-" + this._mode, assignCssClass);
}
};
/**
* @hidden
* @param {?} color
* @param {?} isAdd
* @return {?}
*/
Button.prototype._updateColor = function (color, isAdd) {
if (color && this._init) {
// The class should begin with the button role
// button, bar-button
var /** @type {?} */ className = this._role;
// If the role is not a bar-button, don't apply the solid style
var /** @type {?} */ style$$1 = this._style;
style$$1 = (this._role !== 'bar-button' && style$$1 === 'solid' ? 'default' : style$$1);
className += (style$$1 !== null && style$$1 !== '' && style$$1 !== 'default' ? '-' + style$$1.toLowerCase() : '');
if (color !== null && color !== '') {
this.setElementClass(className + "-" + this._mode + "-" + color, isAdd);
}
}
};
return Button;
}(Ion));
Button.decorators = [
{ type: Component, args: [{
selector: '[ion-button]',
template: '<span class="button-inner">' +
'<ng-content></ng-content>' +
'</span>' +
'<div class="button-effect"></div>',
changeDetection: ChangeDetectionStrategy.OnPush,
encapsulation: ViewEncapsulation.None,
},] },
];
/**
* @nocollapse
*/
Button.ctorParameters = function () { return [
{ type: undefined, decorators: [{ type: Attribute, args: ['ion-button',] },] },
{ type: Config, },
{ type: ElementRef, },
{ type: Renderer, },
]; };
Button.propDecorators = {
'large': [{ type: Input },],
'small': [{ type: Input },],
'default': [{ type: Input },],
'outline': [{ type: Input },],
'clear': [{ type: Input },],
'solid': [{ type: Input },],
'round': [{ type: Input },],
'block': [{ type: Input },],
'full': [{ type: Input },],
'strong': [{ type: Input },],
'mode': [{ type: Input },],
'color': [{ type: Input },],
};
/**
* @hidden
*/
var ButtonModule = (function () {
function ButtonModule() {
}
/**
* @return {?}
*/
ButtonModule.forRoot = function () {
return {
ngModule: ButtonModule, providers: []
};
};
return ButtonModule;
}());
ButtonModule.decorators = [
{ type: NgModule, args: [{
declarations: [
Button
],
exports: [
Button
]
},] },
];
/**
* @nocollapse
*/
ButtonModule.ctorParameters = function () { return []; };
/**
* @hidden
*/
var Backdrop = (function () {
/**
* @param {?} _elementRef
* @param {?} _renderer
*/
function Backdrop(_elementRef, _renderer) {
this._elementRef = _elementRef;
this._renderer = _renderer;
}
/**
* @return {?}
*/
Backdrop.prototype.getNativeElement = function () {
return this._elementRef.nativeElement;
};
/**
* @param {?} className
* @param {?} add
* @return {?}
*/
Backdrop.prototype.setElementClass = function (className, add) {
this._renderer.setElementClass(this._elementRef.nativeElement, className, add);
};
return Backdrop;
}());
Backdrop.decorators = [
{ type: Directive, args: [{
selector: 'ion-backdrop',
host: {
'role': 'presentation',
'tappable': '',
'disable-activated': ''
},
},] },
];
/**
* @nocollapse
*/
Backdrop.ctorParameters = function () { return [
{ type: ElementRef, },
{ type: Renderer, },
]; };
/**
* @hidden
*/
var BackdropModule = (function () {
function BackdropModule() {
}
/**
* @return {?}
*/
BackdropModule.forRoot = function () {
return {
ngModule: BackdropModule, providers: []
};
};
return BackdropModule;
}());
BackdropModule.decorators = [
{ type: NgModule, args: [{
declarations: [
Backdrop
],
exports: [
Backdrop
]
},] },
];
/**
* @nocollapse
*/
BackdropModule.ctorParameters = function () { return []; };
var __extends$47 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* \@name Icon
* \@description
* Icons can be used on their own, or inside of a number of Ionic components.
* For a full list of available icons, check out the
* [Ionicons docs](../../../../ionicons).
*
* One feature of Ionicons in Ionic is when icon names are set, the actual icon
* which is rendered can change slightly depending on the mode the app is
* running from. For example, by setting the icon name of `alarm`, on iOS the
* icon will automatically apply `ios-alarm`, and on Material Design it will
* automatically apply `md-alarm`. This allows the developer to write the
* markup once while Ionic applies the appropriate icon based on the mode.
*
* \@usage
* ```html
* <!-- automatically uses the correct "star" icon depending on the mode -->
* <ion-icon name="star"></ion-icon>
*
* <!-- explicity set the icon for each mode -->
* <ion-icon ios="ios-home" md="md-home"></ion-icon>
*
* <!-- always use the same icon, no matter what the mode -->
* <ion-icon name="ios-clock"></ion-icon>
* <ion-icon name="logo-twitter"></ion-icon>
* ```
*
* \@demo /docs/demos/src/icon/
* @see {\@link /docs/components#icons Icon Component Docs}
*
*/
var Icon = (function (_super) {
__extends$47(Icon, _super);
/**
* @param {?} config
* @param {?} elementRef
* @param {?} renderer
*/
function Icon(config, elementRef, renderer) {
var _this = _super.call(this, config, elementRef, renderer, 'icon') || this;
/**
* @hidden
*/
_this._isActive = true;
/**
* @hidden
*/
_this._name = '';
/**
* @hidden
*/
_this._ios = '';
/**
* @hidden
*/
_this._md = '';
/**
* @hidden
*/
_this._css = '';
/**
* @hidden
*/
_this._hidden = false;
_this._iconMode = config.get('iconMode');
return _this;
}
/**
* @hidden
* @return {?}
*/
Icon.prototype.ngOnDestroy = function () {
if (this._css) {
this.setElementClass(this._css, false);
}
};
Object.defineProperty(Icon.prototype, "name", {
/**
* \@input {string} Specifies which icon to use. The appropriate icon will be used based on the mode.
* For more information, see [Ionicons](/docs/ionicons/).
* @return {?}
*/
get: function () {
return this._name;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
if (!(/^md-|^ios-|^logo-/.test(val))) {
// this does not have one of the defaults
// so lets auto add in the mode prefix for them
this._name = this._iconMode + '-' + val;
}
else {
this._name = val;
}
this.update();
},
enumerable: true,
configurable: true
});
Object.defineProperty(Icon.prototype, "ios", {
/**
* \@input {string} Specifies which icon to use on `ios` mode.
* @return {?}
*/
get: function () {
return this._ios;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._ios = val;
this.update();
},
enumerable: true,
configurable: true
});
Object.defineProperty(Icon.prototype, "md", {
/**
* \@input {string} Specifies which icon to use on `md` mode.
* @return {?}
*/
get: function () {
return this._md;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._md = val;
this.update();
},
enumerable: true,
configurable: true
});
Object.defineProperty(Icon.prototype, "isActive", {
/**
* \@input {boolean} If true, the icon is styled with an "active" appearance.
* An active icon is filled in, and an inactive icon is the outline of the icon.
* The `isActive` property is largely used by the tabbar. Only affects `ios` icons.
* @return {?}
*/
get: function () {
return this._isActive;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._isActive = isTrueProperty(val);
this.update();
},
enumerable: true,
configurable: true
});
/**
* @hidden
* @return {?}
*/
Icon.prototype.update = function () {
var /** @type {?} */ iconName;
if (this._ios && this._iconMode === 'ios') {
iconName = this._ios;
}
else if (this._md && this._iconMode === 'md') {
iconName = this._md;
}
else {
iconName = this._name;
}
var /** @type {?} */ hidden = this._hidden = (iconName === null);
if (hidden) {
return;
}
var /** @type {?} */ iconMode = iconName.split('-', 2)[0];
if (iconMode === 'ios' &&
!this._isActive &&
iconName.indexOf('logo-') < 0 &&
iconName.indexOf('-outline') < 0) {
iconName += '-outline';
}
var /** @type {?} */ css = 'ion-' + iconName;
if (this._css === css) {
return;
}
if (this._css) {
this.setElementClass(this._css, false);
}
this._css = css;
this.setElementClass(css, true);
var /** @type {?} */ label = iconName
.replace('ios-', '')
.replace('md-', '')
.replace('-', ' ');
this.setElementAttribute('aria-label', label);
};
return Icon;
}(Ion));
Icon.decorators = [
{ type: Directive, args: [{
selector: 'ion-icon',
host: {
'role': 'img'
}
},] },
];
/**
* @nocollapse
*/
Icon.ctorParameters = function () { return [
{ type: Config, },
{ type: ElementRef, },
{ type: Renderer, },
]; };
Icon.propDecorators = {
'name': [{ type: Input },],
'ios': [{ type: Input },],
'md': [{ type: Input },],
'isActive': [{ type: Input },],
'_hidden': [{ type: HostBinding, args: ['class.hide',] },],
};
/**
* @hidden
*/
var IconModule = (function () {
function IconModule() {
}
/**
* @return {?}
*/
IconModule.forRoot = function () {
return {
ngModule: IconModule, providers: []
};
};
return IconModule;
}());
IconModule.decorators = [
{ type: NgModule, args: [{
declarations: [
Icon
],
exports: [
Icon
]
},] },
];
/**
* @nocollapse
*/
IconModule.ctorParameters = function () { return []; };
/**
* @hidden
*/
var ActionSheetModule = (function () {
function ActionSheetModule() {
}
/**
* @return {?}
*/
ActionSheetModule.forRoot = function () {
return {
ngModule: ActionSheetModule, providers: []
};
};
return ActionSheetModule;
}());
ActionSheetModule.decorators = [
{ type: NgModule, args: [{
imports: [
BackdropModule,
ButtonModule,
CommonModule,
IconModule
],
declarations: [
ActionSheetCmp
],
exports: [
ActionSheetCmp
],
entryComponents: [
ActionSheetCmp
]
},] },
];
/**
* @nocollapse
*/
ActionSheetModule.ctorParameters = function () { return []; };
/**
* @hidden
*/
var AlertModule = (function () {
function AlertModule() {
}
/**
* @return {?}
*/
AlertModule.forRoot = function () {
return {
ngModule: AlertModule, providers: []
};
};
return AlertModule;
}());
AlertModule.decorators = [
{ type: NgModule, args: [{
imports: [
BackdropModule,
ButtonModule,
CommonModule,
FormsModule
],
declarations: [
AlertCmp
],
exports: [
AlertCmp
],
entryComponents: [
AlertCmp
]
},] },
];
/**
* @nocollapse
*/
AlertModule.ctorParameters = function () { return []; };
var __extends$49 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
var QUERY = {
xs: '(min-width: 0px)',
sm: '(min-width: 576px)',
md: '(min-width: 768px)',
lg: '(min-width: 992px)',
xl: '(min-width: 1200px)',
never: ''
};
/**
* @hidden
* @abstract
*/
var RootNode = (function () {
function RootNode() {
}
/**
* @abstract
* @return {?}
*/
RootNode.prototype.getElementRef = function () { };
/**
* @abstract
* @return {?}
*/
RootNode.prototype.initPane = function () { };
/**
* @abstract
* @param {?} visible
* @return {?}
*/
RootNode.prototype.paneChanged = function (visible) { };
return RootNode;
}());
/**
* \@name SplitPane
*
* \@description
* SplitPane is a component that makes it possible to create multi-view layout.
* Similar to iPad apps, SplitPane allows UI elements, like Menus, to be
* displayed as the viewport increases.
*
* If the devices screen size is below a certain size, the SplitPane will
* collapse and the menu will become hidden again. This is especially useful when
* creating an app that will be served over a browser or deployed through the app
* store to phones and tablets.
*
* \@usage
* To use SplitPane, simply add the component around your root component.
* In this example, we'll be using a sidemenu layout, similar to what is
* provided from the sidemenu starter template.
*
* ```html
* <ion-split-pane>
* <!-- our side menu -->
* <ion-menu [content]="content">
* <ion-header>
* <ion-toolbar>
* <ion-title>Menu</ion-title>
* </ion-toolbar>
* </ion-header>
* </ion-menu>
*
* <!-- the main content -->
* <ion-nav [root]="root" main #content></ion-nav>
* </ion-split-pane>
* ```
*
* Here, SplitPane will look for the element with the `main` attribute and make
* that the central component on larger screens. The `main` component can be any
* Ionic component (`ion-nav` or `ion-tabs`) except `ion-menu`.
*
* ### Setting breakpoints
*
* By default, SplitPane will expand when the screen is larger than 768px.
* If you want to customize this, use the `when` input. The `when` input can
* accept any valid media query, as it uses `matchMedia()` underneath.
*
* ```
* <ion-split-pane when="(min-width: 475px)">
*
* <!-- our side menu -->
* <ion-menu [content]="content">
* ....
* </ion-menu>
*
* <!-- the main content -->
* <ion-nav [root]="root" main #content></ion-nav>
* </ion-split-pane>
* ```
*
* SplitPane also provides some predefined media queries that can be used.
*
* ```html
* <!-- could be "xs", "sm", "md", "lg", or "xl" -->
* <ion-split-pane when="lg">
* ...
* </ion-split-pane>
* ```
*
*
* | Size | Value | Description |
* |------|-----------------------|-----------------------------------------------------------------------|
* | `xs` | `(min-width: 0px)` | Show the split-pane when the min-width is 0px (meaning, always) |
* | `sm` | `(min-width: 576px)` | Show the split-pane when the min-width is 576px |
* | `md` | `(min-width: 768px)` | Show the split-pane when the min-width is 768px (default break point) |
* | `lg` | `(min-width: 992px)` | Show the split-pane when the min-width is 992px |
* | `xl` | `(min-width: 1200px)` | Show the split-pane when the min-width is 1200px |
*
* You can also pass in boolean values that will trigger SplitPane when the value
* or expression evaluates to true.
*
*
* ```html
* <ion-split-pane [when]="isLarge">
* ...
* </ion-split-pane>
* ```
*
* ```ts
* class MyClass {
* public isLarge = false;
* constructor(){}
* }
* ```
*
* Or
*
* ```html
* <ion-split-pane [when]="shouldShow()">
* ...
* </ion-split-pane>
* ```
*
* ```ts
* class MyClass {
* constructor(){}
* shouldShow(){
* if(conditionA){
* return true
* } else {
* return false
* }
* }
* }
* ```
*
*/
var SplitPane = (function (_super) {
__extends$49(SplitPane, _super);
/**
* @param {?} _zone
* @param {?} _plt
* @param {?} config
* @param {?} elementRef
* @param {?} renderer
*/
function SplitPane(_zone, _plt, config, elementRef, renderer) {
var _this = _super.call(this, config, elementRef, renderer, 'split-pane') || this;
_this._zone = _zone;
_this._plt = _plt;
_this._init = false;
_this._visible = false;
_this._isEnabled = true;
_this._mediaQuery = QUERY['md'];
/**
* @hidden
*/
_this.sideContent = null;
/**
* @hidden
*/
_this.mainContent = null;
/**
* \@output {any} Expression to be called when the split-pane visibility has changed
*/
_this.ionChange = new EventEmitter();
if (_plt.isRTL()) {
_this.setElementClass('split-pane-rtl', true);
}
return _this;
}
Object.defineProperty(SplitPane.prototype, "_setchildren", {
/**
* @hidden
* @param {?} query
* @return {?}
*/
set: function (query) {
var _this = this;
var /** @type {?} */ children = this._children = query.filter((function (child) { return child !== _this; }));
children.forEach(function (child) {
var /** @type {?} */ isMain = child.initPane();
_this._setPaneCSSClass(child.getElementRef(), isMain);
});
},
enumerable: true,
configurable: true
});
Object.defineProperty(SplitPane.prototype, "when", {
/**
* @return {?}
*/
get: function () {
return this._mediaQuery;
},
/**
* \@input {string | boolean} When the split-pane should be shown.
* Can be a CSS media query expression, or a shortcut expression.
* Can also be a boolean expression.
* @param {?} query
* @return {?}
*/
set: function (query) {
if (typeof query === 'boolean') {
this._mediaQuery = query;
}
else {
var /** @type {?} */ defaultQuery = QUERY[query];
this._mediaQuery = (defaultQuery)
? defaultQuery
: query;
}
this._update();
},
enumerable: true,
configurable: true
});
Object.defineProperty(SplitPane.prototype, "enabled", {
/**
* @return {?}
*/
get: function () {
return this._isEnabled;
},
/**
* \@input {boolean} If `false`, the split-pane is disabled, ie. the side pane will
* never be displayed. Default `true`.
* @param {?} val
* @return {?}
*/
set: function (val) {
this._isEnabled = isTrueProperty(val);
this._update();
},
enumerable: true,
configurable: true
});
/**
* @hidden
* @param {?} node
* @param {?} isMain
* @param {?} callback
* @return {?}
*/
SplitPane.prototype._register = function (node, isMain, callback) {
if (this.getElementRef().nativeElement !== node.getElementRef().nativeElement.parentNode) {
return false;
}
this._setPaneCSSClass(node.getElementRef(), isMain);
if (callback) {
this.ionChange.subscribe(callback);
}
if (isMain) {
if (this.mainContent) {
console.error('split pane: main content was already set');
}
this.mainContent = node;
}
return true;
};
/**
* @hidden
* @return {?}
*/
SplitPane.prototype.ngAfterViewInit = function () {
this._init = true;
this._update();
};
/**
* @hidden
* @return {?}
*/
SplitPane.prototype._update = function () {
var _this = this;
if (!this._init) {
return;
}
// Unlisten
this._rmListener && this._rmListener();
this._rmListener = null;
// Check if the split-pane is disabled
if (!this._isEnabled) {
this._setVisible(false);
return;
}
var /** @type {?} */ query = this._mediaQuery;
if (typeof query === 'boolean') {
this._setVisible(query);
return;
}
if (query && query.length > 0) {
// Listen
var /** @type {?} */ callback_1 = function (query) { return _this._setVisible(query.matches); };
var /** @type {?} */ mediaList_1 = this._plt.win().matchMedia(query);
mediaList_1.addListener(callback_1);
this._setVisible(mediaList_1.matches);
this._rmListener = function () {
mediaList_1.removeListener(callback_1);
};
}
else {
this._setVisible(false);
}
};
/**
* @hidden
* @return {?}
*/
SplitPane.prototype._updateChildren = function () {
this.mainContent = null;
this.sideContent = null;
var /** @type {?} */ visible = this._visible;
this._children.forEach(function (child) { return child.paneChanged && child.paneChanged(visible); });
};
/**
* @hidden
* @param {?} visible
* @return {?}
*/
SplitPane.prototype._setVisible = function (visible) {
var _this = this;
if (this._visible === visible) {
return;
}
this._visible = visible;
this.setElementClass('split-pane-visible', visible);
this._updateChildren();
this._zone.run(function () {
_this.ionChange.emit(_this);
});
};
/**
* @hidden
* @return {?}
*/
SplitPane.prototype.isVisible = function () {
return this._visible;
};
/**
* @hidden
* @param {?} className
* @param {?} add
* @return {?}
*/
SplitPane.prototype.setElementClass = function (className, add) {
this._renderer.setElementClass(this._elementRef.nativeElement, className, add);
};
/**
* @hidden
* @param {?} elementRef
* @param {?} isMain
* @return {?}
*/
SplitPane.prototype._setPaneCSSClass = function (elementRef, isMain) {
var /** @type {?} */ ele = elementRef.nativeElement;
this._renderer.setElementClass(ele, 'split-pane-main', isMain);
this._renderer.setElementClass(ele, 'split-pane-side', !isMain);
};
/**
* @hidden
* @return {?}
*/
SplitPane.prototype.ngOnDestroy = function () {
(void 0) /* assert */;
this._rmListener && this._rmListener();
this._rmListener = null;
};
/**
* @hidden
* @return {?}
*/
SplitPane.prototype.initPane = function () {
return true;
};
return SplitPane;
}(Ion));
SplitPane.decorators = [
{ type: Directive, args: [{
selector: 'ion-split-pane',
providers: [{ provide: RootNode, useExisting: forwardRef(function () { return SplitPane; }) }]
},] },
];
/**
* @nocollapse
*/
SplitPane.ctorParameters = function () { return [
{ type: NgZone, },
{ type: Platform, },
{ type: Config, },
{ type: ElementRef, },
{ type: Renderer, },
]; };
SplitPane.propDecorators = {
'_setchildren': [{ type: ContentChildren, args: [RootNode, { descendants: false },] },],
'when': [{ type: Input },],
'enabled': [{ type: Input },],
'ionChange': [{ type: Output },],
};
var __extends$48 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* \@name Nav
* \@description
*
* `ion-nav` is the declarative component for a [NavController](../../../navigation/NavController/).
*
* For more information on using nav controllers like Nav or [Tab](../../Tabs/Tab/),
* take a look at the [NavController API Docs](../../../navigation/NavController/).
*
*
* \@usage
* You must set a root page to be loaded initially by any Nav you create, using
* the 'root' property:
*
* ```ts
* import { Component } from '\@angular/core';
* import { GettingStartedPage } from './getting-started';
*
* \@Component({
* template: `<ion-nav [root]="root"></ion-nav>`
* })
* class MyApp {
* root = GettingStartedPage;
*
* constructor(){
* }
* }
* ```
*
* \@demo /docs/demos/src/navigation/
* @see {\@link /docs/components#navigation Navigation Component Docs}
*/
var Nav = (function (_super) {
__extends$48(Nav, _super);
/**
* @param {?} viewCtrl
* @param {?} parent
* @param {?} app
* @param {?} config
* @param {?} plt
* @param {?} keyboard
* @param {?} elementRef
* @param {?} zone
* @param {?} renderer
* @param {?} cfr
* @param {?} gestureCtrl
* @param {?} transCtrl
* @param {?} linker
* @param {?} domCtrl
*/
function Nav(viewCtrl, parent, app, config, plt, keyboard, elementRef, zone, renderer, cfr, gestureCtrl, transCtrl, linker, domCtrl) {
var _this = _super.call(this, parent, app, config, plt, keyboard, elementRef, zone, renderer, cfr, gestureCtrl, transCtrl, linker, domCtrl) || this;
_this._hasInit = false;
if (viewCtrl) {
// an ion-nav can also act as an ion-page within a parent ion-nav
// this would happen when an ion-nav nests a child ion-nav.
viewCtrl._setContent(_this);
}
if (parent) {
// this Nav has a parent Nav
parent.registerChildNav(_this);
}
else if (viewCtrl && viewCtrl.getNav()) {
// this Nav was opened from a modal
_this.parent = viewCtrl.getNav();
_this.parent.registerChildNav(_this);
}
else if (app && !app.getRootNav()) {
// a root nav has not been registered yet with the app
// this is the root navcontroller for the entire app
app._setRootNav(_this);
}
return _this;
}
Object.defineProperty(Nav.prototype, "_vp", {
/**
* @hidden
* @param {?} val
* @return {?}
*/
set: function (val) {
this.setViewport(val);
},
enumerable: true,
configurable: true
});
/**
* @return {?}
*/
Nav.prototype.ngAfterViewInit = function () {
var _this = this;
this._hasInit = true;
var /** @type {?} */ navSegment = this._linker.initNav(this);
if (navSegment && (navSegment.component || navSegment.loadChildren)) {
// there is a segment match in the linker
return this._linker.initViews(navSegment).then(function (views) {
_this.setPages(views, null, null);
});
}
else if (this._root) {
// no segment match, so use the root property
return this.push(this._root, this.rootParams, {
isNavRoot: ((this._app.getRootNav()) === this)
}, null);
}
};
/**
* @param {?} opts
* @return {?}
*/
Nav.prototype.goToRoot = function (opts) {
this.setRoot(this._root, this.rootParams, opts, null);
};
Object.defineProperty(Nav.prototype, "root", {
/**
* \@input {Page} The Page component to load as the root page within this nav.
* @return {?}
*/
get: function () {
return this._root;
},
/**
* @param {?} page
* @return {?}
*/
set: function (page) {
this._root = page;
if (this._hasInit) {
this.setRoot(page);
}
},
enumerable: true,
configurable: true
});
Object.defineProperty(Nav.prototype, "swipeBackEnabled", {
/**
* \@input {boolean} If true, swipe to go back is enabled.
* @return {?}
*/
get: function () {
return this._sbEnabled;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._sbEnabled = isTrueProperty(val);
this._swipeBackCheck();
},
enumerable: true,
configurable: true
});
/**
* @hidden
* @return {?}
*/
Nav.prototype.ngOnDestroy = function () {
this.destroy();
};
/**
* @return {?}
*/
Nav.prototype.initPane = function () {
var /** @type {?} */ isMain = this._elementRef.nativeElement.hasAttribute('main');
return isMain;
};
/**
* @param {?} isPane
* @return {?}
*/
Nav.prototype.paneChanged = function (isPane) {
if (isPane) {
this.resize();
}
};
return Nav;
}(NavControllerBase));
Nav.decorators = [
{ type: Component, args: [{
selector: 'ion-nav',
template: '<div #viewport nav-viewport></div>' +
'<div class="nav-decor"></div>',
encapsulation: ViewEncapsulation.None,
providers: [{ provide: RootNode, useExisting: forwardRef(function () { return Nav; }) }]
},] },
];
/**
* @nocollapse
*/
Nav.ctorParameters = function () { return [
{ type: ViewController, decorators: [{ type: Optional },] },
{ type: NavController, decorators: [{ type: Optional },] },
{ type: App, },
{ type: Config, },
{ type: Platform, },
{ type: Keyboard, },
{ type: ElementRef, },
{ type: NgZone, },
{ type: Renderer, },
{ type: ComponentFactoryResolver, },
{ type: GestureController, },
{ type: TransitionController, },
{ type: DeepLinker, decorators: [{ type: Optional },] },
{ type: DomController, },
]; };
Nav.propDecorators = {
'_vp': [{ type: ViewChild, args: ['viewport', { read: ViewContainerRef },] },],
'root': [{ type: Input },],
'rootParams': [{ type: Input },],
'swipeBackEnabled': [{ type: Input },],
};
/**
* \@name NavPop
* \@description
* Directive to declaratively pop the current page off from the
* navigation stack.
*
* \@usage
* ```html
* <ion-content>
*
* <button ion-button navPop>Go Back</button>
*
* </ion-content>
* ```
*
* Similar to {\@link /docs/api/components/nav/NavPush/ `NavPush` }
* \@demo /docs/demos/src/navigation/
* @see {\@link /docs/components#navigation Navigation Component Docs}
* @see {\@link ../NavPush NavPush API Docs}
*/
var NavPop = (function () {
/**
* @param {?} _nav
*/
function NavPop(_nav) {
this._nav = _nav;
if (!_nav) {
console.error('navPop must be within a NavController');
}
}
/**
* @hidden
* @return {?}
*/
NavPop.prototype.onClick = function () {
// If no target, or if target is _self, prevent default browser behavior
if (this._nav) {
this._nav.pop().catch(function () {
(void 0) /* console.debug */;
});
return false;
}
return true;
};
return NavPop;
}());
NavPop.decorators = [
{ type: Directive, args: [{
selector: '[navPop]'
},] },
];
/**
* @nocollapse
*/
NavPop.ctorParameters = function () { return [
{ type: NavController, decorators: [{ type: Optional },] },
]; };
NavPop.propDecorators = {
'onClick': [{ type: HostListener, args: ['click',] },],
};
/**
* @hidden
*/
var NavPopAnchor = (function () {
/**
* @param {?} host
* @param {?} linker
* @param {?} viewCtrl
*/
function NavPopAnchor(host, linker, viewCtrl) {
this.host = host;
this.linker = linker;
this.viewCtrl = viewCtrl;
}
/**
* @return {?}
*/
NavPopAnchor.prototype.updateHref = function () {
if (this.host && this.viewCtrl) {
var /** @type {?} */ previousView = this.host._nav.getPrevious(this.viewCtrl);
this._href = (previousView && this.linker.createUrl(this.host._nav, this.viewCtrl.component, this.viewCtrl.data)) || '#';
}
else {
this._href = '#';
}
};
/**
* @return {?}
*/
NavPopAnchor.prototype.ngAfterContentInit = function () {
this.updateHref();
};
return NavPopAnchor;
}());
NavPopAnchor.decorators = [
{ type: Directive, args: [{
selector: 'a[navPop]',
host: {
'[attr.href]': '_href'
}
},] },
];
/**
* @nocollapse
*/
NavPopAnchor.ctorParameters = function () { return [
{ type: NavPop, decorators: [{ type: Optional },] },
{ type: DeepLinker, },
{ type: ViewController, decorators: [{ type: Optional },] },
]; };
/**
* \@name NavPush
* \@description
* Directive to declaratively push a new page to the current nav
* stack.
*
* \@usage
* ```html
* <button ion-button [navPush]="pushPage"></button>
* ```
*
* To specify parameters you can use array syntax or the `navParams`
* property:
*
* ```html
* <button ion-button [navPush]="pushPage" [navParams]="params">Go</button>
* ```
*
* Where `pushPage` and `params` are specified in your component,
* and `pushPage` contains a reference to a
* component you would like to push:
*
* ```ts
* import { LoginPage } from './login';
*
* \@Component({
* template: `<button ion-button [navPush]="pushPage" [navParams]="params">Go</button>`
* })
* class MyPage {
* constructor(){
* this.pushPage = LoginPage;
* this.params = { id: 42 };
* }
* }
* ```
*
* \@demo /docs/demos/src/navigation/
* @see {\@link /docs/components#navigation Navigation Component Docs}
* @see {\@link ../NavPop NavPop API Docs}
*
*/
var NavPush = (function () {
/**
* @param {?} _nav
*/
function NavPush(_nav) {
this._nav = _nav;
if (!_nav) {
console.error('navPush must be within a NavController');
}
}
/**
* @hidden
* @return {?}
*/
NavPush.prototype.onClick = function () {
if (this._nav && this.navPush) {
this._nav.push(this.navPush, this.navParams).catch(function () {
(void 0) /* console.debug */;
});
return false;
}
return true;
};
return NavPush;
}());
NavPush.decorators = [
{ type: Directive, args: [{
selector: '[navPush]'
},] },
];
/**
* @nocollapse
*/
NavPush.ctorParameters = function () { return [
{ type: NavController, decorators: [{ type: Optional },] },
]; };
NavPush.propDecorators = {
'navPush': [{ type: Input },],
'navParams': [{ type: Input },],
'onClick': [{ type: HostListener, args: ['click',] },],
};
/**
* @hidden
*/
var NavPushAnchor = (function () {
/**
* @param {?} host
* @param {?} linker
*/
function NavPushAnchor(host, linker) {
this.host = host;
this.linker = linker;
}
/**
* @return {?}
*/
NavPushAnchor.prototype.updateHref = function () {
if (this.host && this.linker) {
this._href = this.linker.createUrl(this.host._nav, this.host.navPush, this.host.navParams) || '#';
}
else {
this._href = '#';
}
};
/**
* @return {?}
*/
NavPushAnchor.prototype.ngAfterContentInit = function () {
this.updateHref();
};
return NavPushAnchor;
}());
NavPushAnchor.decorators = [
{ type: Directive, args: [{
selector: 'a[navPush]',
host: {
'[attr.href]': '_href'
}
},] },
];
/**
* @nocollapse
*/
NavPushAnchor.ctorParameters = function () { return [
{ type: NavPush, decorators: [{ type: Host },] },
{ type: DeepLinker, decorators: [{ type: Optional },] },
]; };
/**
* @hidden
*/
var NavModule = (function () {
function NavModule() {
}
/**
* @return {?}
*/
NavModule.forRoot = function () {
return {
ngModule: NavModule, providers: []
};
};
return NavModule;
}());
NavModule.decorators = [
{ type: NgModule, args: [{
declarations: [
Nav,
NavPop,
NavPopAnchor,
NavPush,
NavPushAnchor,
OverlayPortal
],
exports: [
Nav,
NavPop,
NavPopAnchor,
NavPush,
NavPushAnchor,
OverlayPortal
]
},] },
];
/**
* @nocollapse
*/
NavModule.ctorParameters = function () { return []; };
/**
* @hidden
*/
var AppModule = (function () {
function AppModule() {
}
/**
* @return {?}
*/
AppModule.forRoot = function () {
return {
ngModule: AppModule, providers: []
};
};
return AppModule;
}());
AppModule.decorators = [
{ type: NgModule, args: [{
imports: [
NavModule
],
declarations: [
IonicApp
],
exports: [
IonicApp
],
entryComponents: [
IonicApp
]
},] },
];
/**
* @nocollapse
*/
AppModule.ctorParameters = function () { return []; };
/**
* \@name Avatar
* \@module ionic
* \@description
* An Avatar is a component that creates a circular image for an item.
* Avatars can be placed on the left or right side of an item with the `item-left` or `item-right` directive.
* @see {\@link /docs/components/#avatar-list Avatar Component Docs}
*/
var Avatar = (function () {
function Avatar() {
}
return Avatar;
}());
Avatar.decorators = [
{ type: Directive, args: [{
selector: 'ion-avatar'
},] },
];
/**
* @nocollapse
*/
Avatar.ctorParameters = function () { return []; };
/**
* @hidden
*/
var AvatarModule = (function () {
function AvatarModule() {
}
/**
* @return {?}
*/
AvatarModule.forRoot = function () {
return {
ngModule: AvatarModule, providers: []
};
};
return AvatarModule;
}());
AvatarModule.decorators = [
{ type: NgModule, args: [{
declarations: [
Avatar
],
exports: [
Avatar
]
},] },
];
/**
* @nocollapse
*/
AvatarModule.ctorParameters = function () { return []; };
var __extends$50 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* \@name Badge
* \@module ionic
* \@description
* Badges are simple components in Ionic containing numbers or text. You can display a badge to indicate that there is new information associated with the item it is on.
* @see {\@link /docs/components/#badges Badges Component Docs}
*/
var Badge = (function (_super) {
__extends$50(Badge, _super);
/**
* @param {?} config
* @param {?} elementRef
* @param {?} renderer
*/
function Badge(config, elementRef, renderer) {
return _super.call(this, config, elementRef, renderer, 'badge') || this;
}
return Badge;
}(Ion));
Badge.decorators = [
{ type: Directive, args: [{
selector: 'ion-badge'
},] },
];
/**
* @nocollapse
*/
Badge.ctorParameters = function () { return [
{ type: Config, },
{ type: ElementRef, },
{ type: Renderer, },
]; };
/**
* @hidden
*/
var BadgeModule = (function () {
function BadgeModule() {
}
/**
* @return {?}
*/
BadgeModule.forRoot = function () {
return {
ngModule: BadgeModule, providers: []
};
};
return BadgeModule;
}());
BadgeModule.decorators = [
{ type: NgModule, args: [{
declarations: [
Badge
],
exports: [
Badge
]
},] },
];
/**
* @nocollapse
*/
BadgeModule.ctorParameters = function () { return []; };
var __extends$51 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* @hidden
*/
var Card = (function (_super) {
__extends$51(Card, _super);
/**
* @param {?} config
* @param {?} elementRef
* @param {?} renderer
*/
function Card(config, elementRef, renderer) {
return _super.call(this, config, elementRef, renderer, 'card') || this;
}
return Card;
}(Ion));
Card.decorators = [
{ type: Directive, args: [{
selector: 'ion-card'
},] },
];
/**
* @nocollapse
*/
Card.ctorParameters = function () { return [
{ type: Config, },
{ type: ElementRef, },
{ type: Renderer, },
]; };
var __extends$52 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* @hidden
*/
var CardContent = (function (_super) {
__extends$52(CardContent, _super);
/**
* @param {?} config
* @param {?} elementRef
* @param {?} renderer
*/
function CardContent(config, elementRef, renderer) {
return _super.call(this, config, elementRef, renderer, 'card-content') || this;
}
return CardContent;
}(Ion));
CardContent.decorators = [
{ type: Directive, args: [{
selector: 'ion-card-content'
},] },
];
/**
* @nocollapse
*/
CardContent.ctorParameters = function () { return [
{ type: Config, },
{ type: ElementRef, },
{ type: Renderer, },
]; };
var __extends$53 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* @hidden
*/
var CardHeader = (function (_super) {
__extends$53(CardHeader, _super);
/**
* @param {?} config
* @param {?} elementRef
* @param {?} renderer
*/
function CardHeader(config, elementRef, renderer) {
return _super.call(this, config, elementRef, renderer, 'card-header') || this;
}
return CardHeader;
}(Ion));
CardHeader.decorators = [
{ type: Directive, args: [{
selector: 'ion-card-header'
},] },
];
/**
* @nocollapse
*/
CardHeader.ctorParameters = function () { return [
{ type: Config, },
{ type: ElementRef, },
{ type: Renderer, },
]; };
var __extends$54 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* @hidden
*/
var CardTitle = (function (_super) {
__extends$54(CardTitle, _super);
/**
* @param {?} config
* @param {?} elementRef
* @param {?} renderer
*/
function CardTitle(config, elementRef, renderer) {
return _super.call(this, config, elementRef, renderer, 'card-title') || this;
}
return CardTitle;
}(Ion));
CardTitle.decorators = [
{ type: Directive, args: [{
selector: 'ion-card-title'
},] },
];
/**
* @nocollapse
*/
CardTitle.ctorParameters = function () { return [
{ type: Config, },
{ type: ElementRef, },
{ type: Renderer, },
]; };
/**
* @hidden
*/
var CardModule = (function () {
function CardModule() {
}
/**
* @return {?}
*/
CardModule.forRoot = function () {
return {
ngModule: CardModule, providers: []
};
};
return CardModule;
}());
CardModule.decorators = [
{ type: NgModule, args: [{
declarations: [
Card,
CardContent,
CardHeader,
CardTitle
],
exports: [
Card,
CardContent,
CardHeader,
CardTitle
]
},] },
];
/**
* @nocollapse
*/
CardModule.ctorParameters = function () { return []; };
var __extends$57 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* \@name Label
* \@description
* Labels are placed inside of an `ion-item` element and can be used
* to describe an `ion-input`, `ion-toggle`, `ion-checkbox`, and more.
*
* \@property [fixed] - A persistent label that sits next the input.
* \@property [floating] - A label that will float above the input if the input is empty or loses focus.
* \@property [stacked] - A stacked label will always appear on top of the input.
*
* \@usage
* ```html
* <ion-item>
* <ion-label>Username</ion-label>
* <ion-input></ion-input>
* </ion-item>
*
* <ion-item>
* <ion-label fixed>Website</ion-label>
* <ion-input type="url"></ion-input>
* </ion-item>
*
* <ion-item>
* <ion-label floating>Email</ion-label>
* <ion-input type="email"></ion-input>
* </ion-item>
*
* <ion-item>
* <ion-label stacked>Phone</ion-label>
* <ion-input type="tel"></ion-input>
* </ion-item>
*
* <ion-item>
* <ion-label>Toggle</ion-label>
* <ion-toggle></ion-toggle>
* </ion-item>
*
* <ion-item>
* <ion-label>Checkbox</ion-label>
* <ion-checkbox></ion-checkbox>
* </ion-item>
* ```
*
* \@demo /docs/demos/src/label/
* @see {\@link ../../../../components#inputs Input Component Docs}
* @see {\@link ../../input/Input Input API Docs}
*
*/
var Label = (function (_super) {
__extends$57(Label, _super);
/**
* @param {?} config
* @param {?} elementRef
* @param {?} renderer
* @param {?} isFloating
* @param {?} isStacked
* @param {?} isFixed
* @param {?} isInset
*/
function Label(config, elementRef, renderer, isFloating, isStacked, isFixed, isInset) {
var _this = _super.call(this, config, elementRef, renderer, 'label') || this;
_this.type = (isFloating === '' ? 'floating' : (isStacked === '' ? 'stacked' : (isFixed === '' ? 'fixed' : (isInset === '' ? 'inset' : null))));
return _this;
}
Object.defineProperty(Label.prototype, "id", {
/**
* @hidden
* @return {?}
*/
get: function () {
return this._id;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._id = val;
if (val) {
this.setElementAttribute('id', val);
}
},
enumerable: true,
configurable: true
});
Object.defineProperty(Label.prototype, "text", {
/**
* @hidden
* @return {?}
*/
get: function () {
return this.getNativeElement().textContent || '';
},
enumerable: true,
configurable: true
});
return Label;
}(Ion));
Label.decorators = [
{ type: Directive, args: [{
selector: 'ion-label'
},] },
];
/**
* @nocollapse
*/
Label.ctorParameters = function () { return [
{ type: Config, },
{ type: ElementRef, },
{ type: Renderer, },
{ type: undefined, decorators: [{ type: Attribute, args: ['floating',] },] },
{ type: undefined, decorators: [{ type: Attribute, args: ['stacked',] },] },
{ type: undefined, decorators: [{ type: Attribute, args: ['fixed',] },] },
{ type: undefined, decorators: [{ type: Attribute, args: ['inset',] },] },
]; };
Label.propDecorators = {
'id': [{ type: Input },],
};
var __extends$58 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
var EventEmitterProxy = (function (_super) {
__extends$58(EventEmitterProxy, _super);
function EventEmitterProxy() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @param {?=} generatorOrNext
* @param {?=} error
* @param {?=} complete
* @return {?}
*/
EventEmitterProxy.prototype.subscribe = function (generatorOrNext, error, complete) {
this.onSubscribe();
return _super.prototype.subscribe.call(this, generatorOrNext, error, complete);
};
return EventEmitterProxy;
}(EventEmitter));
/**
* \@name Content
* \@description
* The Content component provides an easy to use content area with
* some useful methods to control the scrollable area. There should
* only be one content in a single view component. If additional scrollable
* elements are need, use [ionScroll](../../scroll/Scroll).
*
*
* The content area can also implement pull-to-refresh with the
* [Refresher](../../refresher/Refresher) component.
*
* \@usage
* ```html
* <ion-content>
* Add your content here!
* </ion-content>
* ```
*
* To get a reference to the content component from a Page's logic,
* you can use Angular's `\@ViewChild` annotation:
*
* ```ts
* import { Component, ViewChild } from '\@angular/core';
* import { Content } from 'ionic-angular';
*
* \@Component({...})
* export class MyPage{
* \@ViewChild(Content) content: Content;
*
* scrollToTop() {
* this.content.scrollToTop();
* }
* }
* ```
*
* \@advanced
*
* Resizing the content. If the height of `ion-header`, `ion-footer` or `ion-tabbar`
* changes dynamically, `content.resize()` has to be called in order to update the
* layout of `Content`.
*
*
* ```ts
* \@Component({
* template: `
* <ion-header>
* <ion-navbar>
* <ion-title>Main Navbar</ion-title>
* </ion-navbar>
* <ion-toolbar *ngIf="showToolbar">
* <ion-title>Dynamic Toolbar</ion-title>
* </ion-toolbar>
* </ion-header>
* <ion-content>
* <button ion-button (click)="toggleToolbar()">Toggle Toolbar</button>
* </ion-content>
* `})
*
* class E2EPage {
* \@ViewChild(Content) content: Content;
* showToolbar: boolean = false;
*
* toggleToolbar() {
* this.showToolbar = !this.showToolbar;
* this.content.resize();
* }
* }
* ```
*
*
* Scroll to a specific position
*
* ```ts
* import { Component, ViewChild } from '\@angular/core';
* import { Content } from 'ionic-angular';
*
* \@Component({
* template: `<ion-content>
* <button ion-button (click)="scrollTo()">Down 500px</button>
* </ion-content>`
* )}
* export class MyPage{
* \@ViewChild(Content) content: Content;
*
* scrollTo() {
* // set the scrollLeft to 0px, and scrollTop to 500px
* // the scroll duration should take 200ms
* this.content.scrollTo(0, 500, 200);
* }
* }
* ```
*
*/
var Content = (function (_super) {
__extends$58(Content, _super);
/**
* @param {?} config
* @param {?} _plt
* @param {?} _dom
* @param {?} elementRef
* @param {?} renderer
* @param {?} _app
* @param {?} _keyboard
* @param {?} _zone
* @param {?} viewCtrl
* @param {?} navCtrl
*/
function Content(config, _plt, _dom, elementRef, renderer, _app, _keyboard, _zone, viewCtrl, navCtrl) {
var _this = _super.call(this, config, elementRef, renderer, 'content') || this;
_this._plt = _plt;
_this._dom = _dom;
_this._app = _app;
_this._keyboard = _keyboard;
_this._zone = _zone;
/**
* \@internal
*/
_this._scrollPadding = 0;
/**
* \@internal
*/
_this._inputPolling = false;
/**
* \@internal
*/
_this._imgs = [];
/**
* \@internal
*/
_this._scrollDownOnLoad = false;
/**
* \@output {ScrollEvent} Emitted when the scrolling first starts.
*/
_this.ionScrollStart = new EventEmitterProxy();
/**
* \@output {ScrollEvent} Emitted on every scroll event.
*/
_this.ionScroll = new EventEmitterProxy();
/**
* \@output {ScrollEvent} Emitted when scrolling ends.
*/
_this.ionScrollEnd = new EventEmitterProxy();
var enableScrollListener = function () { return _this._scroll.enableEvents(); };
_this.ionScroll.onSubscribe = enableScrollListener;
_this.ionScrollStart.onSubscribe = enableScrollListener;
_this.ionScrollEnd.onSubscribe = enableScrollListener;
_this.statusbarPadding = config.getBoolean('statusbarPadding', false);
_this._imgReqBfr = config.getNumber('imgRequestBuffer', 1400);
_this._imgRndBfr = config.getNumber('imgRenderBuffer', 400);
_this._imgVelMax = config.getNumber('imgVelocityMax', 3);
_this._scroll = new ScrollView(_app, _plt, _dom);
while (navCtrl) {
if (isTabs(navCtrl)) {
_this._tabs = navCtrl;
break;
}
navCtrl = navCtrl.parent;
}
if (viewCtrl) {
// content has a view controller
viewCtrl._setIONContent(_this);
viewCtrl._setIONContentRef(elementRef);
_this._viewCtrlReadSub = viewCtrl.readReady.subscribe(function () {
_this._viewCtrlReadSub.unsubscribe();
_this._readDimensions();
});
_this._viewCtrlWriteSub = viewCtrl.writeReady.subscribe(function () {
_this._viewCtrlWriteSub.unsubscribe();
_this._writeDimensions();
});
}
else {
// content does not have a view controller
_dom.read(_this._readDimensions.bind(_this));
_dom.write(_this._writeDimensions.bind(_this));
}
return _this;
}
Object.defineProperty(Content.prototype, "contentHeight", {
/**
* Content height of the viewable area. This does not include content
* which is outside the overflow area, or content area which is under
* headers and footers. Read-only.
*
* @return {?}
*/
get: function () {
return this._scroll.ev.contentHeight;
},
enumerable: true,
configurable: true
});
Object.defineProperty(Content.prototype, "contentWidth", {
/**
* Content width including content which is not visible on the screen
* due to overflow. Read-only.
*
* @return {?}
*/
get: function () {
return this._scroll.ev.contentWidth;
},
enumerable: true,
configurable: true
});
Object.defineProperty(Content.prototype, "scrollHeight", {
/**
* Content height including content which is not visible on the screen
* due to overflow. Read-only.
*
* @return {?}
*/
get: function () {
return this._scroll.ev.scrollHeight;
},
enumerable: true,
configurable: true
});
Object.defineProperty(Content.prototype, "scrollWidth", {
/**
* Content width including content which is not visible due to
* overflow. Read-only.
*
* @return {?}
*/
get: function () {
return this._scroll.ev.scrollWidth;
},
enumerable: true,
configurable: true
});
Object.defineProperty(Content.prototype, "scrollTop", {
/**
* The distance of the content's top to its topmost visible content.
*
* @return {?}
*/
get: function () {
return this._scroll.ev.scrollTop;
},
/**
* @param {?} top
* @return {?}
*/
set: function (top) {
this._scroll.setTop(top);
},
enumerable: true,
configurable: true
});
Object.defineProperty(Content.prototype, "scrollLeft", {
/**
* The distance of the content's left to its leftmost visible content.
*
* @return {?}
*/
get: function () {
return this._scroll.ev.scrollLeft;
},
/**
* @param {?} top
* @return {?}
*/
set: function (top) {
this._scroll.setLeft(top);
},
enumerable: true,
configurable: true
});
Object.defineProperty(Content.prototype, "isScrolling", {
/**
* If the content is actively scrolling or not.
*
* @return {?}
*/
get: function () {
return this._scroll.isScrolling;
},
enumerable: true,
configurable: true
});
Object.defineProperty(Content.prototype, "directionY", {
/**
* The current, or last known, vertical scroll direction. Possible
* string values include `down` and `up`.
*
* @return {?}
*/
get: function () {
return this._scroll.ev.directionY;
},
enumerable: true,
configurable: true
});
Object.defineProperty(Content.prototype, "directionX", {
/**
* The current, or last known, horizontal scroll direction. Possible
* string values include `right` and `left`.
*
* @return {?}
*/
get: function () {
return this._scroll.ev.directionX;
},
enumerable: true,
configurable: true
});
/**
* @hidden
* @return {?}
*/
Content.prototype.ngAfterViewInit = function () {
var _this = this;
(void 0) /* assert */;
(void 0) /* assert */;
var /** @type {?} */ scroll = this._scroll;
scroll.ev.fixedElement = this.getFixedElement();
scroll.ev.scrollElement = this.getScrollElement();
// subscribe to the scroll start
scroll.onScrollStart = function (ev) {
_this.ionScrollStart.emit(ev);
};
// subscribe to every scroll move
scroll.onScroll = function (ev) {
// emit to all of our other friends things be scrolling
_this.ionScroll.emit(ev);
_this.imgsUpdate();
};
// subscribe to the scroll end
scroll.onScrollEnd = function (ev) {
_this.ionScrollEnd.emit(ev);
_this.imgsUpdate();
};
};
/**
* @hidden
* @return {?}
*/
Content.prototype.enableJsScroll = function () {
this._scroll.enableJsScroll(this._cTop, this._cBottom);
};
/**
* @hidden
* @return {?}
*/
Content.prototype.ngOnDestroy = function () {
this._scLsn && this._scLsn();
this._viewCtrlReadSub && this._viewCtrlReadSub.unsubscribe();
this._viewCtrlWriteSub && this._viewCtrlWriteSub.unsubscribe();
this._viewCtrlReadSub = this._viewCtrlWriteSub = null;
this._scroll && this._scroll.destroy();
this._footerEle = this._scLsn = this._scroll = null;
};
/**
* @hidden
* @return {?}
*/
Content.prototype.getScrollElement = function () {
return this._scrollContent.nativeElement;
};
/**
* @return {?}
*/
Content.prototype.getFixedElement = function () {
return this._fixedContent.nativeElement;
};
/**
* @hidden
* @param {?} callback
* @return {?}
*/
Content.prototype.onScrollElementTransitionEnd = function (callback) {
this._plt.transitionEnd(this.getScrollElement(), callback);
};
/**
* Scroll to the specified position.
*
* @param {?} x
* @param {?} y
* @param {?=} duration
* @param {?=} done
* @return {?}
*/
Content.prototype.scrollTo = function (x, y, duration, done) {
if (duration === void 0) { duration = 300; }
(void 0) /* console.debug */;
return this._scroll.scrollTo(x, y, duration, done);
};
/**
* Scroll to the top of the content component.
*
* @param {?=} duration
* @return {?}
*/
Content.prototype.scrollToTop = function (duration) {
if (duration === void 0) { duration = 300; }
(void 0) /* console.debug */;
return this._scroll.scrollToTop(duration);
};
/**
* Scroll to the bottom of the content component.
*
* @param {?=} duration
* @return {?}
*/
Content.prototype.scrollToBottom = function (duration) {
if (duration === void 0) { duration = 300; }
(void 0) /* console.debug */;
return this._scroll.scrollToBottom(duration);
};
Object.defineProperty(Content.prototype, "fullscreen", {
/**
* \@input {boolean} If true, the content will scroll behind the headers
* and footers. This effect can easily be seen by setting the toolbar
* to transparent.
* @return {?}
*/
get: function () {
return this._fullscreen;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._fullscreen = isTrueProperty(val);
},
enumerable: true,
configurable: true
});
Object.defineProperty(Content.prototype, "scrollDownOnLoad", {
/**
* \@input {boolean} If true, the content will scroll down on load.
* @return {?}
*/
get: function () {
return this._scrollDownOnLoad;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._scrollDownOnLoad = isTrueProperty(val);
},
enumerable: true,
configurable: true
});
/**
* @param {?} img
* @return {?}
*/
Content.prototype.addImg = function (img) {
this._imgs.push(img);
};
/**
* @hidden
* @param {?} img
* @return {?}
*/
Content.prototype.removeImg = function (img) {
removeArrayItem(this._imgs, img);
};
/**
* @hidden
* DOM WRITE
* @param {?} prop
* @param {?} val
* @return {?}
*/
Content.prototype.setScrollElementStyle = function (prop, val) {
var /** @type {?} */ scrollEle = this.getScrollElement();
if (scrollEle) {
this._dom.write(function () {
((scrollEle.style))[prop] = val;
});
}
};
/**
* Returns the content and scroll elements' dimensions.
* {number} dimensions.contentHeight content offsetHeight
* {number} dimensions.contentTop content offsetTop
* {number} dimensions.contentBottom content offsetTop+offsetHeight
* {number} dimensions.contentWidth content offsetWidth
* {number} dimensions.contentLeft content offsetLeft
* {number} dimensions.contentRight content offsetLeft + offsetWidth
* {number} dimensions.scrollHeight scroll scrollHeight
* {number} dimensions.scrollTop scroll scrollTop
* {number} dimensions.scrollBottom scroll scrollTop + scrollHeight
* {number} dimensions.scrollWidth scroll scrollWidth
* {number} dimensions.scrollLeft scroll scrollLeft
* {number} dimensions.scrollRight scroll scrollLeft + scrollWidth
* @return {?}
*/
Content.prototype.getContentDimensions = function () {
var /** @type {?} */ scrollEle = this.getScrollElement();
var /** @type {?} */ parentElement = scrollEle.parentElement;
return {
contentHeight: parentElement.offsetHeight - this._cTop - this._cBottom,
contentTop: this._cTop,
contentBottom: this._cBottom,
contentWidth: parentElement.offsetWidth,
contentLeft: parentElement.offsetLeft,
scrollHeight: scrollEle.scrollHeight,
scrollTop: scrollEle.scrollTop,
scrollWidth: scrollEle.scrollWidth,
scrollLeft: scrollEle.scrollLeft,
};
};
/**
* @hidden
* DOM WRITE
* Adds padding to the bottom of the scroll element when the keyboard is open
* so content below the keyboard can be scrolled into view.
* @param {?} newPadding
* @return {?}
*/
Content.prototype.addScrollPadding = function (newPadding) {
(void 0) /* assert */;
if (newPadding > this._scrollPadding) {
(void 0) /* console.debug */;
this._scrollPadding = newPadding;
var /** @type {?} */ scrollEle = this.getScrollElement();
if (scrollEle) {
this._dom.write(function () {
scrollEle.style.paddingBottom = (newPadding > 0) ? newPadding + 'px' : '';
});
}
}
};
/**
* @hidden
* DOM WRITE
* @return {?}
*/
Content.prototype.clearScrollPaddingFocusOut = function () {
var _this = this;
if (!this._inputPolling) {
(void 0) /* console.debug */;
this._inputPolling = true;
this._keyboard.onClose(function () {
(void 0) /* console.debug */;
_this._inputPolling = false;
_this._scrollPadding = -1;
_this.addScrollPadding(0);
}, 200, 3000);
}
};
/**
* Tell the content to recalculate its dimensions. This should be called
* after dynamically adding/removing headers, footers, or tabs.
* @return {?}
*/
Content.prototype.resize = function () {
this._dom.read(this._readDimensions.bind(this));
this._dom.write(this._writeDimensions.bind(this));
};
/**
* @hidden
* DOM READ
* @return {?}
*/
Content.prototype._readDimensions = function () {
var /** @type {?} */ cachePaddingTop = this._pTop;
var /** @type {?} */ cachePaddingRight = this._pRight;
var /** @type {?} */ cachePaddingBottom = this._pBottom;
var /** @type {?} */ cachePaddingLeft = this._pLeft;
var /** @type {?} */ cacheHeaderHeight = this._hdrHeight;
var /** @type {?} */ cacheFooterHeight = this._ftrHeight;
var /** @type {?} */ cacheTabsPlacement = this._tabsPlacement;
var /** @type {?} */ tabsTop = 0;
var /** @type {?} */ scrollEvent;
this._pTop = 0;
this._pRight = 0;
this._pBottom = 0;
this._pLeft = 0;
this._hdrHeight = 0;
this._ftrHeight = 0;
this._tabsPlacement = null;
this._tTop = 0;
this._fTop = 0;
this._fBottom = 0;
// In certain cases this._scroll is undefined
// if that is the case then we should just return
if (!this._scroll) {
return;
}
scrollEvent = this._scroll.ev;
var /** @type {?} */ ele = this.getNativeElement();
if (!ele) {
(void 0) /* assert */;
return;
}
var /** @type {?} */ computedStyle;
var /** @type {?} */ tagName;
var /** @type {?} */ parentEle = ele.parentElement;
var /** @type {?} */ children = parentEle.children;
for (var /** @type {?} */ i = children.length - 1; i >= 0; i--) {
ele = (children[i]);
tagName = ele.tagName;
if (tagName === 'ION-CONTENT') {
scrollEvent.contentElement = ele;
if (this._fullscreen) {
// ******** DOM READ ****************
computedStyle = getComputedStyle(ele);
this._pTop = parsePxUnit(computedStyle.paddingTop);
this._pBottom = parsePxUnit(computedStyle.paddingBottom);
this._pRight = parsePxUnit(computedStyle.paddingRight);
this._pLeft = parsePxUnit(computedStyle.paddingLeft);
}
}
else if (tagName === 'ION-HEADER') {
scrollEvent.headerElement = ele;
// ******** DOM READ ****************
this._hdrHeight = ele.clientHeight;
}
else if (tagName === 'ION-FOOTER') {
scrollEvent.footerElement = ele;
// ******** DOM READ ****************
this._ftrHeight = ele.clientHeight;
this._footerEle = ele;
}
}
ele = parentEle;
var /** @type {?} */ tabbarEle;
while (ele && ele.tagName !== 'ION-MODAL' && !ele.classList.contains('tab-subpage')) {
if (ele.tagName === 'ION-TABS') {
tabbarEle = (ele.firstElementChild);
// ******** DOM READ ****************
this._tabbarHeight = tabbarEle.clientHeight;
if (this._tabsPlacement === null) {
// this is the first tabbar found, remember it's position
this._tabsPlacement = ele.getAttribute('tabsplacement');
}
}
ele = ele.parentElement;
}
// Tabs top
if (this._tabs && this._tabsPlacement === 'top') {
this._tTop = this._hdrHeight;
tabsTop = this._tabs._top;
}
// Toolbar height
this._cTop = this._hdrHeight;
this._cBottom = this._ftrHeight;
// Tabs height
if (this._tabsPlacement === 'top') {
this._cTop += this._tabbarHeight;
}
else if (this._tabsPlacement === 'bottom') {
this._cBottom += this._tabbarHeight;
}
// Fixed content shouldn't include content padding
this._fTop = this._cTop;
this._fBottom = this._cBottom;
// Handle fullscreen viewport (padding vs margin)
if (this._fullscreen) {
this._cTop += this._pTop;
this._cBottom += this._pBottom;
}
// ******** DOM READ ****************
var /** @type {?} */ contentDimensions = this.getContentDimensions();
scrollEvent.scrollHeight = contentDimensions.scrollHeight;
scrollEvent.scrollWidth = contentDimensions.scrollWidth;
scrollEvent.contentHeight = contentDimensions.contentHeight;
scrollEvent.contentWidth = contentDimensions.contentWidth;
scrollEvent.contentTop = contentDimensions.contentTop;
scrollEvent.contentBottom = contentDimensions.contentBottom;
this._dirty = (cachePaddingTop !== this._pTop ||
cachePaddingBottom !== this._pBottom ||
cachePaddingLeft !== this._pLeft ||
cachePaddingRight !== this._pRight ||
cacheHeaderHeight !== this._hdrHeight ||
cacheFooterHeight !== this._ftrHeight ||
cacheTabsPlacement !== this._tabsPlacement ||
tabsTop !== this._tTop ||
this._cTop !== this.contentTop ||
this._cBottom !== this.contentBottom);
this._scroll.init(this.getScrollElement(), this._cTop, this._cBottom);
// initial imgs refresh
this.imgsUpdate();
};
/**
* @hidden
* DOM WRITE
* @return {?}
*/
Content.prototype._writeDimensions = function () {
if (!this._dirty) {
(void 0) /* console.debug */;
return;
}
var /** @type {?} */ scrollEle = this.getScrollElement();
if (!scrollEle) {
(void 0) /* assert */;
return;
}
var /** @type {?} */ fixedEle = this.getFixedElement();
if (!fixedEle) {
(void 0) /* assert */;
return;
}
// Tabs height
if (this._tabsPlacement === 'bottom' && this._cBottom > 0 && this._footerEle) {
var /** @type {?} */ footerPos = this._cBottom - this._ftrHeight;
(void 0) /* assert */;
// ******** DOM WRITE ****************
this._footerEle.style.bottom = cssFormat(footerPos);
}
// Handle fullscreen viewport (padding vs margin)
var /** @type {?} */ topProperty = 'marginTop';
var /** @type {?} */ bottomProperty = 'marginBottom';
var /** @type {?} */ fixedTop = this._fTop;
var /** @type {?} */ fixedBottom = this._fBottom;
if (this._fullscreen) {
(void 0) /* assert */;
(void 0) /* assert */;
// adjust the content with padding, allowing content to scroll under headers/footers
// however, on iOS you cannot control the margins of the scrollbar (last tested iOS9.2)
// only add inline padding styles if the computed padding value, which would
// have come from the app's css, is different than the new padding value
topProperty = 'paddingTop';
bottomProperty = 'paddingBottom';
}
// Only update top margin if value changed
if (this._cTop !== this.contentTop) {
(void 0) /* assert */;
(void 0) /* assert */;
// ******** DOM WRITE ****************
((scrollEle.style))[topProperty] = cssFormat(this._cTop);
// ******** DOM WRITE ****************
fixedEle.style.marginTop = cssFormat(fixedTop);
this.contentTop = this._cTop;
}
// Only update bottom margin if value changed
if (this._cBottom !== this.contentBottom) {
(void 0) /* assert */;
(void 0) /* assert */;
// ******** DOM WRITE ****************
((scrollEle.style))[bottomProperty] = cssFormat(this._cBottom);
// ******** DOM WRITE ****************
fixedEle.style.marginBottom = cssFormat(fixedBottom);
this.contentBottom = this._cBottom;
}
if (this._tabsPlacement !== null && this._tabs) {
// set the position of the tabbar
if (this._tabsPlacement === 'top') {
// ******** DOM WRITE ****************
this._tabs.setTabbarPosition(this._tTop, -1);
}
else {
(void 0) /* assert */;
// ******** DOM WRITE ****************
this._tabs.setTabbarPosition(-1, 0);
}
}
// Scroll the page all the way down after setting dimensions
if (this._scrollDownOnLoad) {
this.scrollToBottom(0);
this._scrollDownOnLoad = false;
}
};
/**
* @hidden
* @return {?}
*/
Content.prototype.imgsUpdate = function () {
if (this._scroll.initialized && this._imgs.length && this.isImgsUpdatable()) {
updateImgs(this._imgs, this.scrollTop, this.contentHeight, this.directionY, this._imgReqBfr, this._imgRndBfr);
}
};
/**
* @hidden
* @return {?}
*/
Content.prototype.isImgsUpdatable = function () {
// an image is only "updatable" if the content isn't scrolling too fast
// if scroll speed is above the maximum velocity, then let current
// requests finish, but do not start new requets or render anything
// if scroll speed is below the maximum velocity, then it's ok
// to start new requests and render images
return Math.abs(this._scroll.ev.velocityY) < this._imgVelMax;
};
return Content;
}(Ion));
Content.decorators = [
{ type: Component, args: [{
selector: 'ion-content',
template: '<div class="fixed-content" #fixedContent>' +
'<ng-content select="[ion-fixed],ion-fab"></ng-content>' +
'</div>' +
'<div class="scroll-content" #scrollContent>' +
'<ng-content></ng-content>' +
'</div>' +
'<ng-content select="ion-refresher"></ng-content>',
host: {
'[class.statusbar-padding]': 'statusbarPadding'
},
changeDetection: ChangeDetectionStrategy.OnPush,
encapsulation: ViewEncapsulation.None
},] },
];
/**
* @nocollapse
*/
Content.ctorParameters = function () { return [
{ type: Config, },
{ type: Platform, },
{ type: DomController, },
{ type: ElementRef, },
{ type: Renderer, },
{ type: App, },
{ type: Keyboard, },
{ type: NgZone, },
{ type: ViewController, decorators: [{ type: Optional },] },
{ type: NavController, decorators: [{ type: Optional },] },
]; };
Content.propDecorators = {
'_fixedContent': [{ type: ViewChild, args: ['fixedContent', { read: ElementRef },] },],
'_scrollContent': [{ type: ViewChild, args: ['scrollContent', { read: ElementRef },] },],
'ionScrollStart': [{ type: Output },],
'ionScroll': [{ type: Output },],
'ionScrollEnd': [{ type: Output },],
'fullscreen': [{ type: Input },],
'scrollDownOnLoad': [{ type: Input },],
};
/**
* @param {?} imgs
* @param {?} viewableTop
* @param {?} contentHeight
* @param {?} scrollDirectionY
* @param {?} requestableBuffer
* @param {?} renderableBuffer
* @return {?}
*/
function updateImgs(imgs, viewableTop, contentHeight, scrollDirectionY, requestableBuffer, renderableBuffer) {
// ok, so it's time to see which images, if any, should be requested and rendered
// ultimately, if we're scrolling fast then don't bother requesting or rendering
// when scrolling is done, then it needs to do a check to see which images are
// important to request and render, and which image requests should be aborted.
// Additionally, images which are not near the viewable area should not be
// rendered at all in order to save browser resources.
var /** @type {?} */ viewableBottom = (viewableTop + contentHeight);
var /** @type {?} */ priority1 = [];
var /** @type {?} */ priority2 = [];
var /** @type {?} */ img;
// all images should be paused
for (var /** @type {?} */ i = 0, /** @type {?} */ ilen = imgs.length; i < ilen; i++) {
img = imgs[i];
if (scrollDirectionY === 'up') {
// scrolling up
if (img.top < viewableBottom && img.bottom > viewableTop - renderableBuffer) {
// scrolling up, img is within viewable area
// or about to be viewable area
img.canRequest = img.canRender = true;
priority1.push(img);
continue;
}
if (img.bottom <= viewableTop && img.bottom > viewableTop - requestableBuffer) {
// scrolling up, img is within requestable area
img.canRequest = true;
img.canRender = false;
priority2.push(img);
continue;
}
if (img.top >= viewableBottom && img.top < viewableBottom + renderableBuffer) {
// scrolling up, img below viewable area
// but it's still within renderable area
// don't allow a reset
img.canRequest = img.canRender = false;
continue;
}
}
else {
// scrolling down
if (img.bottom > viewableTop && img.top < viewableBottom + renderableBuffer) {
// scrolling down, img is within viewable area
// or about to be viewable area
img.canRequest = img.canRender = true;
priority1.push(img);
continue;
}
if (img.top >= viewableBottom && img.top < viewableBottom + requestableBuffer) {
// scrolling down, img is within requestable area
img.canRequest = true;
img.canRender = false;
priority2.push(img);
continue;
}
if (img.bottom <= viewableTop && img.bottom > viewableTop - renderableBuffer) {
// scrolling down, img above viewable area
// but it's still within renderable area
// don't allow a reset
img.canRequest = img.canRender = false;
continue;
}
}
img.canRequest = img.canRender = false;
img.reset();
}
// update all imgs which are viewable
priority1.sort(sortTopToBottom).forEach(function (i) { return i.update(); });
if (scrollDirectionY === 'up') {
// scrolling up
priority2.sort(sortTopToBottom).reverse().forEach(function (i) { return i.update(); });
}
else {
// scrolling down
priority2.sort(sortTopToBottom).forEach(function (i) { return i.update(); });
}
}
/**
* @param {?} a
* @param {?} b
* @return {?}
*/
function sortTopToBottom(a, b) {
if (a.top < b.top) {
return -1;
}
if (a.top > b.top) {
return 1;
}
return 0;
}
/**
* @param {?} val
* @return {?}
*/
function parsePxUnit(val) {
return (val.indexOf('px') > 0) ? parseInt(val, 10) : 0;
}
/**
* @param {?} val
* @return {?}
*/
function cssFormat(val) {
return (val > 0 ? val + 'px' : '');
}
/**
* @hidden
* @param {?} element
* @return {?}
*/
function indexForItem(element) {
return element['$ionIndex'];
}
/**
* @hidden
* @param {?} element
* @return {?}
*/
/**
* @hidden
* @param {?} node
* @param {?} listNode
* @return {?}
*/
function findReorderItem(node, listNode) {
var /** @type {?} */ nested = 0;
while (node && nested < 4) {
if (indexForItem(node) !== undefined) {
if (listNode && node.parentNode !== listNode) {
return null;
}
return node;
}
node = node.parentNode;
nested++;
}
return null;
}
/**
* @hidden
*/
var ItemReorderGesture = (function () {
/**
* @param {?} plt
* @param {?} reorderList
*/
function ItemReorderGesture(plt, reorderList) {
this.plt = plt;
this.reorderList = reorderList;
this.selectedItemEle = null;
this.events = new UIEventManager(plt);
this.events.pointerEvents({
element: this.reorderList.getNativeElement(),
pointerDown: this.onDragStart.bind(this),
pointerMove: this.onDragMove.bind(this),
pointerUp: this.onDragEnd.bind(this),
zone: false
});
}
/**
* @param {?} ev
* @return {?}
*/
ItemReorderGesture.prototype.onDragStart = function (ev) {
if (this.selectedItemEle) {
return false;
}
var /** @type {?} */ reorderElement = ev.target;
if (reorderElement.nodeName !== 'ION-REORDER') {
return false;
}
var /** @type {?} */ reorderMark = reorderElement['$ionComponent'];
if (!reorderMark) {
console.error('ion-reorder does not contain $ionComponent');
return false;
}
this.reorderList._reorderPrepare();
var /** @type {?} */ item = reorderMark.getReorderNode();
if (!item) {
console.error('reorder node not found');
return false;
}
ev.preventDefault();
// Preparing state
this.selectedItemEle = item;
this.selectedItemHeight = item.offsetHeight;
this.lastYcoord = -100;
this.lastToIndex = indexForItem(item);
this.windowHeight = this.plt.height() - AUTO_SCROLL_MARGIN;
this.lastScrollPosition = this.reorderList._scrollContent(0);
this.offset = pointerCoord(ev);
this.offset.y += this.lastScrollPosition;
item.classList.add(ITEM_REORDER_ACTIVE);
this.reorderList._reorderStart();
return true;
};
/**
* @param {?} ev
* @return {?}
*/
ItemReorderGesture.prototype.onDragMove = function (ev) {
var /** @type {?} */ selectedItem = this.selectedItemEle;
if (!selectedItem) {
return;
}
ev.preventDefault();
// Get coordinate
var /** @type {?} */ coord = pointerCoord(ev);
var /** @type {?} */ posY = coord.y;
// Scroll if we reach the scroll margins
var /** @type {?} */ scrollPosition = this.scroll(posY);
// Only perform hit test if we moved at least 30px from previous position
if (Math.abs(posY - this.lastYcoord) > 30) {
var /** @type {?} */ overItem = this.itemForCoord(coord);
if (overItem) {
var /** @type {?} */ toIndex = indexForItem(overItem);
if (toIndex !== undefined && (toIndex !== this.lastToIndex || this.emptyZone)) {
var /** @type {?} */ fromIndex = indexForItem(selectedItem);
this.lastToIndex = toIndex;
this.lastYcoord = posY;
this.emptyZone = false;
this.reorderList._reorderMove(fromIndex, toIndex, this.selectedItemHeight);
}
}
else {
this.emptyZone = true;
}
}
// Update selected item position
var /** @type {?} */ ydiff = Math.round(posY - this.offset.y + scrollPosition);
((selectedItem.style))[this.plt.Css.transform] = "translateY(" + ydiff + "px)";
};
/**
* @param {?} ev
* @return {?}
*/
ItemReorderGesture.prototype.onDragEnd = function (ev) {
var _this = this;
var /** @type {?} */ selectedItem = this.selectedItemEle;
if (!selectedItem) {
return;
}
if (ev) {
ev.preventDefault();
ev.stopPropagation();
}
var /** @type {?} */ toIndex = this.lastToIndex;
var /** @type {?} */ fromIndex = indexForItem(selectedItem);
var /** @type {?} */ reorderInactive = function () {
_this.selectedItemEle.style.transition = '';
_this.selectedItemEle.classList.remove(ITEM_REORDER_ACTIVE);
_this.selectedItemEle = null;
};
if (toIndex === fromIndex) {
selectedItem.style.transition = 'transform 200ms ease-in-out';
setTimeout(reorderInactive, 200);
}
else {
reorderInactive();
}
this.reorderList._reorderEmit(fromIndex, toIndex);
};
/**
* @param {?} coord
* @return {?}
*/
ItemReorderGesture.prototype.itemForCoord = function (coord) {
var /** @type {?} */ x = this.offset.x - 100;
var /** @type {?} */ y = coord.y;
var /** @type {?} */ element = this.plt.getElementFromPoint(x, y);
return findReorderItem(element, this.reorderList.getNativeElement());
};
/**
* @param {?} posY
* @return {?}
*/
ItemReorderGesture.prototype.scroll = function (posY) {
if (posY < AUTO_SCROLL_MARGIN) {
this.lastScrollPosition = this.reorderList._scrollContent(-SCROLL_JUMP);
}
else if (posY > this.windowHeight) {
this.lastScrollPosition = this.reorderList._scrollContent(SCROLL_JUMP);
}
return this.lastScrollPosition;
};
/**
* @hidden
* @return {?}
*/
ItemReorderGesture.prototype.destroy = function () {
this.onDragEnd(null);
this.events.destroy();
this.events = null;
this.reorderList = null;
};
return ItemReorderGesture;
}());
var AUTO_SCROLL_MARGIN = 60;
var SCROLL_JUMP = 10;
var ITEM_REORDER_ACTIVE = 'reorder-active';
var ReorderIndexes = (function () {
/**
* @param {?} from
* @param {?} to
*/
function ReorderIndexes(from, to) {
this.from = from;
this.to = to;
}
/**
* @param {?} array
* @return {?}
*/
ReorderIndexes.prototype.applyTo = function (array) {
reorderArray(array, this);
};
return ReorderIndexes;
}());
/**
* \@name ItemReorder
* \@description
* Item reorder adds the ability to change an item's order in a group.
* It can be used within an `ion-list` or `ion-item-group` to provide a
* visual drag and drop interface.
*
* ## Grouping Items
*
* All reorderable items must be grouped in the same element. If an item
* should not be reordered, it shouldn't be included in this group. For
* example, the following code works because the items are grouped in the
* `<ion-list>`:
*
* ```html
* <ion-list reorder="true">
* <ion-item *ngFor="let item of items">{% raw %}{{ item }}{% endraw %}</ion-item>
* </ion-list>
* ```
*
* However, the below list includes a header that shouldn't be reordered:
*
* ```html
* <ion-list reorder="true">
* <ion-list-header>Header</ion-list-header>
* <ion-item *ngFor="let item of items">{% raw %}{{ item }}{% endraw %}</ion-item>
* </ion-list>
* ```
*
* In order to mix different sets of items, `ion-item-group` should be used to
* group the reorderable items:
*
* ```html
* <ion-list>
* <ion-list-header>Header</ion-list-header>
* <ion-item-group reorder="true">
* <ion-item *ngFor="let item of items">{% raw %}{{ item }}{% endraw %}</ion-item>
* </ion-item-group>
* </ion-list>
* ```
*
* It's important to note that in this example, the `[reorder]` directive is applied to
* the `<ion-item-group>` instead of the `<ion-list>`. This way makes it possible to
* mix items that should and shouldn't be reordered.
*
*
* ## Implementing the Reorder Function
*
* When the item is dragged and dropped into the new position, the `(ionItemReorder)` event is
* emitted. This event provides the initial index (from) and the new index (to) of the reordered
* item. For example, if the first item is dragged to the fifth position, the event will emit
* `{from: 0, to: 4}`. Note that the index starts at zero.
*
* A function should be called when the event is emitted that handles the reordering of the items.
* See [usage](#usage) below for some examples.
*
*
* \@usage
*
* ```html
* <ion-list>
* <ion-list-header>Header</ion-list-header>
* <ion-item-group reorder="true" (ionItemReorder)="reorderItems($event)">
* <ion-item *ngFor="let item of items">{% raw %}{{ item }}{% endraw %}</ion-item>
* </ion-item-group>
* </ion-list>
* ```
*
* ```ts
* class MyComponent {
* items = [];
*
* constructor() {
* for (let x = 0; x < 5; x++) {
* this.items.push(x);
* }
* }
*
* reorderItems(indexes) {
* let element = this.items[indexes.from];
* this.items.splice(indexes.from, 1);
* this.items.splice(indexes.to, 0, element);
* }
* }
* ```
*
* Ionic also provides a helper function called `reorderArray` to
* reorder the array of items. This can be used instead:
*
* ```ts
* import { reorderArray } from 'ionic-angular';
*
* class MyComponent {
* items = [];
*
* constructor() {
* for (let x = 0; x < 5; x++) {
* this.items.push(x);
* }
* }
*
* reorderItems(indexes) {
* this.items = reorderArray(this.items, indexes);
* }
* }
* ```
* Alternatevely you can execute helper function inside template:
*
* ```html
* <ion-list>
* <ion-list-header>Header</ion-list-header>
* <ion-item-group reorder="true" (ionItemReorder)="$event.applyTo(items)">
* <ion-item *ngFor="let item of items">{% raw %}{{ item }}{% endraw %}</ion-item>
* </ion-item-group>
* </ion-list>
* ```
*
* \@demo /docs/demos/src/item-reorder/
* @see {\@link /docs/components#lists List Component Docs}
* @see {\@link ../../list/List List API Docs}
* @see {\@link ../Item Item API Docs}
*/
var ItemReorder = (function () {
/**
* @param {?} _plt
* @param {?} _dom
* @param {?} elementRef
* @param {?} _rendered
* @param {?} _zone
* @param {?} _content
*/
function ItemReorder(_plt, _dom, elementRef, _rendered, _zone, _content) {
this._plt = _plt;
this._dom = _dom;
this._rendered = _rendered;
this._zone = _zone;
this._content = _content;
this._enableReorder = false;
this._visibleReorder = false;
this._lastToIndex = -1;
/**
* \@output {object} Emitted when the item is reordered. Emits an object
* with `from` and `to` properties.
*/
this.ionItemReorder = new EventEmitter();
this._element = elementRef.nativeElement;
}
/**
* @hidden
* @return {?}
*/
ItemReorder.prototype.ngOnDestroy = function () {
this._element = null;
this._reorderGesture && this._reorderGesture.destroy();
};
Object.defineProperty(ItemReorder.prototype, "reorder", {
/**
* @hidden
* @return {?}
*/
get: function () {
return this._enableReorder;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
var _this = this;
var /** @type {?} */ enabled = isTrueProperty(val);
if (!enabled && this._reorderGesture) {
this._reorderGesture.destroy();
this._reorderGesture = null;
this._visibleReorder = false;
setTimeout(function () { return _this._enableReorder = false; }, 400);
}
else if (enabled && !this._reorderGesture) {
(void 0) /* console.debug */;
this._reorderGesture = new ItemReorderGesture(this._plt, this);
this._enableReorder = true;
this._dom.write(function () {
_this._zone.run(function () {
_this._visibleReorder = true;
});
}, 16);
}
},
enumerable: true,
configurable: true
});
/**
* @return {?}
*/
ItemReorder.prototype._reorderPrepare = function () {
var /** @type {?} */ ele = this._element;
var /** @type {?} */ children = ele.children;
for (var /** @type {?} */ i = 0, /** @type {?} */ ilen = children.length; i < ilen; i++) {
var /** @type {?} */ child = children[i];
child.$ionIndex = i;
child.$ionReorderList = ele;
}
};
/**
* @return {?}
*/
ItemReorder.prototype._reorderStart = function () {
this.setElementClass('reorder-list-active', true);
};
/**
* @param {?} fromIndex
* @param {?} toIndex
* @return {?}
*/
ItemReorder.prototype._reorderEmit = function (fromIndex, toIndex) {
var _this = this;
this._reorderReset();
if (fromIndex !== toIndex) {
this._zone.run(function () {
var /** @type {?} */ indexes = new ReorderIndexes(fromIndex, toIndex);
_this.ionItemReorder.emit(indexes);
});
}
};
/**
* @param {?} scroll
* @return {?}
*/
ItemReorder.prototype._scrollContent = function (scroll) {
var /** @type {?} */ scrollTop = this._content.scrollTop + scroll;
if (scroll !== 0) {
this._content.scrollTo(0, scrollTop, 0);
}
return scrollTop;
};
/**
* @return {?}
*/
ItemReorder.prototype._reorderReset = function () {
var /** @type {?} */ children = this._element.children;
var /** @type {?} */ len = children.length;
this.setElementClass('reorder-list-active', false);
var /** @type {?} */ transform = this._plt.Css.transform;
for (var /** @type {?} */ i = 0; i < len; i++) {
((children[i])).style[transform] = '';
}
this._lastToIndex = -1;
};
/**
* @param {?} fromIndex
* @param {?} toIndex
* @param {?} itemHeight
* @return {?}
*/
ItemReorder.prototype._reorderMove = function (fromIndex, toIndex, itemHeight) {
if (this._lastToIndex === -1) {
this._lastToIndex = fromIndex;
}
var /** @type {?} */ lastToIndex = this._lastToIndex;
this._lastToIndex = toIndex;
/**
* ****** DOM READ **********
*/
var children = this._element.children;
/**
* ****** DOM WRITE *********
*/
var transform = this._plt.Css.transform;
if (toIndex >= lastToIndex) {
for (var /** @type {?} */ i = lastToIndex; i <= toIndex; i++) {
if (i !== fromIndex) {
((children[i])).style[transform] = (i > fromIndex)
? "translateY(" + -itemHeight + "px)" : '';
}
}
}
if (toIndex <= lastToIndex) {
for (var /** @type {?} */ i = toIndex; i <= lastToIndex; i++) {
if (i !== fromIndex) {
((children[i])).style[transform] = (i < fromIndex)
? "translateY(" + itemHeight + "px)" : '';
}
}
}
};
/**
* @hidden
* @param {?} classname
* @param {?} add
* @return {?}
*/
ItemReorder.prototype.setElementClass = function (classname, add) {
this._rendered.setElementClass(this._element, classname, add);
};
/**
* @hidden
* @return {?}
*/
ItemReorder.prototype.getNativeElement = function () {
return this._element;
};
return ItemReorder;
}());
ItemReorder.decorators = [
{ type: Directive, args: [{
selector: 'ion-list[reorder],ion-item-group[reorder]',
host: {
'[class.reorder-enabled]': '_enableReorder',
'[class.reorder-visible]': '_visibleReorder',
}
},] },
];
/**
* @nocollapse
*/
ItemReorder.ctorParameters = function () { return [
{ type: Platform, },
{ type: DomController, },
{ type: ElementRef, },
{ type: Renderer, },
{ type: NgZone, },
{ type: Content, decorators: [{ type: Optional },] },
]; };
ItemReorder.propDecorators = {
'ionItemReorder': [{ type: Output },],
'reorder': [{ type: Input },],
};
var __extends$56 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* \@name Item
* \@description
* An item can contain text, images, and anything else. Generally it is placed in a list with other
* items. It can easily be swiped, deleted, reordered, edited, and more. An item is only required to
* be in a [List](../../list/List) if manipulating the item via gestures is required. It requires an
* [ItemSliding](../ItemSliding) wrapper element in order to be swiped.
*
*
* ## Common Usage
* There are a few elements that are considered items, but not all of them are styled to look the same.
* The basic item can be written as an `<ion-item>` element or it can be added to any element by adding
* `ion-item` as an attribute. List headers and item dividers, although styled differently, are also items
* and can be written as `<ion-list-header>` and `<ion-item-divider>`, respectively.
*
* ### As an Element
* A basic item should be written as a `<ion-item>` element when it is not clickable.
*
* ```html
* <ion-item>
* Item
* </ion-item>
* ```
*
* A list header should be written as `<ion-list-header>`.
*
* ```html
* <ion-list-header>
* List Header
* </ion-list-header>
* ```
*
* An item divider should be written as `<ion-item-divider>`.
*
* ```html
* <ion-item-divider>
* Item Divider
* </ion-item-divider>
* ```
*
* ### As an Attribute
* The attribute `ion-item` should be added to a `<button>` when the item can be clicked or tapped. It
* should be added to an `<a>` element when the item needs to contain a `href`. It can be added as an
* attribute to any element to take on the item styling.
*
* ```html
* <button ion-item (click)="buttonClick()">
* Button Item
* </button>
*
* <a ion-item href="https://www.ionicframework.com">
* Anchor Item
* </a>
* ```
*
* Note: do not add `ion-item` as an attribute to an `<ion-list-header>` or `<ion-item-divider>` element
* as they are already items and their styling will be changed to look like a basic item.
*
* ## Detail Arrows
* By default, `<button>` and `<a>` elements with the `ion-item` attribute will display a right arrow icon
* on `ios` mode. To hide the right arrow icon on either of these elements, add the `detail-none` attribute
* to the item. To show the right arrow icon on an element that doesn't display it naturally, add the
* `detail-push` attribute to the item.
*
* ```html
* <ion-item detail-push>
* Item with Detail Arrow
* </ion-item>
*
* <button ion-item (click)="buttonClick()">
* Button Item with Detail Arrow
* </button>
*
* <a ion-item detail-none href="https://www.ionicframework.com">
* Anchor Item with no Detail Arrow
* </a>
* ```
*
* This feature is not enabled by default for `md` and `wp` modes, but it can be enabled by setting the
* Sass variables `$item-md-detail-push-show` and `$item-wp-detail-push-show`, respectively, to `true`.
* It can also be disabled for ios by setting `$item-ios-detail-push-show` to `false`. See the
* [theming documentation](http://ionicframework.com/docs/theming/overriding-ionic-variables/) for
* more information on overriding Sass variables.
*
*
* ## Item Placement
* Items rely heavily on content projection to position content. The item grabs content based on the
* element or attribute and positions it that way. This logic makes it possible to write a complex
* item with simple, understandable markup without having to worry about styling and positioning
* the elements.
*
* The below chart details the attributes item looks for and where it will place the element with
* that attribute inside of the item:
*
* | Attribute | Description |
* |----------------|----------------------------------------------------------------------------------------------------- |
* | `item-left` | Placed to the left of all other elements, outside of the inner item. |
* | `item-right` | Placed to the right of all other elements, inside of the inner item, outside of the input wrapper. |
* | `item-content` | Placed to the right of any `ion-label`, inside of the input wrapper. |
*
* ### Checkboxes, Radios and Toggles
* [Checkboxes](../../checkbox/Checkbox) are positioned in the same place as the `item-left` attribute.
* [Radios](../../radio/RadioButton) and [Toggles](../../toggle/Toggle) are positioned in the same place
* as the `item-right` attribute. All of these components can be positioned differently by adding the
* `item-left` or `item-right` attribute.
*
* ### Content and Inputs
* A [Label](../../label/Label) is placed inside of the item to the left of all content and inputs. The
* following components are all placed in the same position as the `item-content` attribute: [Select](../../select/Select),
* [Input](../../input/Input), [TextArea](../../input/TextArea), [DateTime](../../datetime/DateTime), and
* [Range](../../range/Range).
*
* Any element directly placed inside of an `<ion-item>` that does not have one of the previously mentioned
* attributes and isn't one of the above elements will be placed inside of a [Label](../../label/Label).
*
* ### Text Alignment
* By default, Items will align text to the left and add an ellipsis when the text is wider than the item.
* See the [Utility Attributes Documentation](../../../../theming/css-utilities/) for attributes that can
* be added to `ion-item` to transform the text.
*
* \@usage
*
* ```html
* <ion-list>
*
* <ion-list-header>
* Header
* </ion-list-header>
*
* <ion-item>
* Item
* </ion-item>
*
* <ion-item detail-push>
* Item with Detail Arrow
* </ion-item>
*
* <button ion-item (click)="buttonClick()">
* Button Item
* </button>
*
* <ion-item-divider>
* Item Divider
* </ion-item-divider>
*
* <button ion-item detail-none (click)="buttonClick()">
* Button Item with no Detail Arrow
* </button>
*
* <a ion-item href="https://www.ionicframework.com">
* Anchor Item
* </a>
*
* <ion-item no-lines>
* Item with no border
* </ion-item>
*
* <ion-item text-wrap>
* Multiline text that should wrap when it is too long
* to fit on one line in the item.
* </ion-item>
*
* </ion-list>
* ```
*
*
* \@advanced
*
* ```html
* <ion-list>
*
* <!-- List header with buttons on each side -->
* <ion-list-header>
* <button ion-button item-left (click)="buttonClick()">Button</button>
* List Header
* <button ion-button outline item-right (click)="buttonClick()">Outline</button>
* </ion-list-header>
*
* <!-- Loops through and creates multiple items -->
* <ion-item *ngFor="let item of items">
* Item {% raw %}{{item}}{% endraw %}
* </ion-item>
*
* <!-- Button item with an icon on the left -->
* <button ion-item>
* <ion-icon name="star" item-left></ion-icon>
* Button Item
* </button>
*
* <!-- Item with a label and content -->
* <ion-item>
* <ion-label>
* Item Label
* </ion-label>
* <div item-content>
* Item Content next to the label
* </div>
* </ion-item>
*
* <!-- Item with left and right buttons -->
* <ion-item>
* <button ion-button item-left (click)="buttonClick()">Button</button>
* Item
* <button ion-button outline item-right (click)="buttonClick()">Outline</button>
* </ion-item>
*
* <!-- Item divider with a right button -->
* <ion-item-divider>
* Item Divider
* <button ion-button item-right>Button</button>
* </ion-item-divider>
*
* <!-- Disabled button item with left and right buttons -->
* <button ion-item disabled>
* <button ion-button item-left (click)="buttonClick()">
* <ion-icon name="home"></ion-icon>
* Left Icon
* </button>
* Disabled Button Item
* <button ion-button outline item-right (click)="buttonClick()">
* <ion-icon name="star"></ion-icon>
* Left Icon
* </button>
* </button>
*
* <!-- Item with an avatar on the left and button on the right -->
* <ion-item>
* <ion-avatar item-left>
* <img src="img/my-avatar.png">
* </ion-avatar>
* Avatar Item
* <button ion-button outline item-right>View</button>
* </ion-item>
*
* <!-- Item with a thumbnail on the right -->
* <ion-item>
* <h2>Item</h2>
* <p>Item Paragraph</p>
* <ion-thumbnail item-right>
* <img src="img/my-thumbnail.png">
* </ion-thumbnail>
* </ion-item>
*
* <!-- Sliding item -->
* <ion-item-sliding>
* <ion-item>
* Item
* </ion-item>
* <ion-item-options>
* <button ion-button color="primary" (click)="archive()">Archive</button>
* </ion-item-options>
* </ion-item-sliding>
*
* </ion-list>
* ```
*
*
* \@demo /docs/demos/src/item/
* @see {\@link /docs/components#lists List Component Docs}
* @see {\@link ../../list/List List API Docs}
* @see {\@link ../ItemSliding ItemSliding API Docs}
*/
var Item = (function (_super) {
__extends$56(Item, _super);
/**
* @param {?} form
* @param {?} config
* @param {?} elementRef
* @param {?} renderer
* @param {?} reorder
*/
function Item(form, config, elementRef, renderer, reorder) {
var _this = _super.call(this, config, elementRef, renderer, 'item') || this;
_this._ids = -1;
_this._inputs = [];
_this._viewLabel = true;
_this._name = 'item';
/**
* @hidden
*/
_this.labelId = null;
_this._setName(elementRef);
_this._hasReorder = !!reorder;
_this.id = form.nextId().toString();
// auto add "tappable" attribute to ion-item components that have a click listener
if (!renderer.orgListen) {
renderer.orgListen = renderer.listen;
renderer.listen = function (renderElement, name, callback) {
if (name === 'click' && renderElement.setAttribute) {
renderElement.setAttribute('tappable', '');
}
return renderer.orgListen(renderElement, name, callback);
};
}
return _this;
}
/**
* @hidden
* @param {?} type
* @return {?}
*/
Item.prototype.registerInput = function (type) {
this._inputs.push(type);
return this.id + '-' + (++this._ids);
};
/**
* @hidden
* @return {?}
*/
Item.prototype.ngAfterContentInit = function () {
if (this._viewLabel && this._inputs.length) {
var /** @type {?} */ labelText = this.getLabelText().trim();
this._viewLabel = (labelText.length > 0);
}
if (this._inputs.length > 1) {
this.setElementClass('item-multiple-inputs', true);
}
};
/**
* @hidden
* @param {?} newColor
* @param {?=} componentName
* @return {?}
*/
Item.prototype._updateColor = function (newColor, componentName) {
componentName = componentName || 'item'; // item-radio
this._setColor(newColor, componentName);
};
/**
* @hidden
* @param {?} elementRef
* @return {?}
*/
Item.prototype._setName = function (elementRef) {
var /** @type {?} */ nodeName = elementRef.nativeElement.nodeName.replace('ION-', '');
if (nodeName === 'LIST-HEADER' || nodeName === 'ITEM-DIVIDER') {
this._name = nodeName;
}
};
/**
* @hidden
* @return {?}
*/
Item.prototype.getLabelText = function () {
return this._label ? this._label.text : '';
};
Object.defineProperty(Item.prototype, "contentLabel", {
/**
* @hidden
* @param {?} label
* @return {?}
*/
set: function (label) {
if (label) {
this._label = label;
this.labelId = label.id = ('lbl-' + this.id);
if (label.type) {
this.setElementClass('item-label-' + label.type, true);
}
this._viewLabel = false;
}
},
enumerable: true,
configurable: true
});
Object.defineProperty(Item.prototype, "viewLabel", {
/**
* @hidden
* @param {?} label
* @return {?}
*/
set: function (label) {
if (!this._label) {
this._label = label;
}
},
enumerable: true,
configurable: true
});
Object.defineProperty(Item.prototype, "_buttons", {
/**
* @hidden
* @param {?} buttons
* @return {?}
*/
set: function (buttons) {
buttons.forEach(function (button) {
if (!button._size) {
button.setElementClass('item-button', true);
}
});
},
enumerable: true,
configurable: true
});
Object.defineProperty(Item.prototype, "_icons", {
/**
* @hidden
* @param {?} icons
* @return {?}
*/
set: function (icons) {
icons.forEach(function (icon) {
icon.setElementClass('item-icon', true);
});
},
enumerable: true,
configurable: true
});
return Item;
}(Ion));
Item.decorators = [
{ type: Component, args: [{
selector: 'ion-list-header,ion-item,[ion-item],ion-item-divider',
template: '<ng-content select="[item-left],ion-checkbox:not([item-right])"></ng-content>' +
'<div class="item-inner">' +
'<div class="input-wrapper">' +
'<ng-content select="ion-label"></ng-content>' +
'<ion-label *ngIf="_viewLabel">' +
'<ng-content></ng-content>' +
'</ion-label>' +
'<ng-content select="ion-select,ion-input,ion-textarea,ion-datetime,ion-range,[item-content]"></ng-content>' +
'</div>' +
'<ng-content select="[item-right],ion-radio,ion-toggle"></ng-content>' +
'<ion-reorder *ngIf="_hasReorder"></ion-reorder>' +
'</div>' +
'<div class="button-effect"></div>',
host: {
'class': 'item'
},
changeDetection: ChangeDetectionStrategy.OnPush,
encapsulation: ViewEncapsulation.None,
},] },
];
/**
* @nocollapse
*/
Item.ctorParameters = function () { return [
{ type: Form, },
{ type: Config, },
{ type: ElementRef, },
{ type: Renderer, },
{ type: ItemReorder, decorators: [{ type: Optional },] },
]; };
Item.propDecorators = {
'contentLabel': [{ type: ContentChild, args: [Label,] },],
'viewLabel': [{ type: ViewChild, args: [Label,] },],
'_buttons': [{ type: ContentChildren, args: [Button,] },],
'_icons': [{ type: ContentChildren, args: [Icon,] },],
};
var __extends$55 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
var CHECKBOX_VALUE_ACCESSOR$1 = {
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(function () { return Checkbox; }),
multi: true
};
/**
* \@name Checkbox
* \@module ionic
*
* \@description
* The Checkbox is a simple component styled based on the mode. It can be
* placed in an `ion-item` or used as a stand-alone checkbox.
*
* See the [Angular 2 Docs](https://angular.io/docs/ts/latest/guide/forms.html)
* for more info on forms and inputs.
*
*
* \@usage
* ```html
*
* <ion-list>
*
* <ion-item>
* <ion-label>Pepperoni</ion-label>
* <ion-checkbox [(ngModel)]="pepperoni"></ion-checkbox>
* </ion-item>
*
* <ion-item>
* <ion-label>Sausage</ion-label>
* <ion-checkbox [(ngModel)]="sausage" disabled="true"></ion-checkbox>
* </ion-item>
*
* <ion-item>
* <ion-label>Mushrooms</ion-label>
* <ion-checkbox [(ngModel)]="mushrooms"></ion-checkbox>
* </ion-item>
*
* </ion-list>
* ```
*
* \@demo /docs/demos/src/checkbox/
* @see {\@link /docs/components#checkbox Checkbox Component Docs}
*/
var Checkbox = (function (_super) {
__extends$55(Checkbox, _super);
/**
* @param {?} config
* @param {?} _form
* @param {?} _item
* @param {?} elementRef
* @param {?} renderer
* @param {?} _cd
*/
function Checkbox(config, _form, _item, elementRef, renderer, _cd) {
var _this = _super.call(this, config, elementRef, renderer, 'checkbox') || this;
_this._form = _form;
_this._item = _item;
_this._cd = _cd;
/**
* @hidden
*/
_this._checked = false;
/**
* @hidden
*/
_this._disabled = false;
/**
* \@output {Checkbox} Emitted when the checkbox value changes.
*/
_this.ionChange = new EventEmitter();
_form.register(_this);
if (_item) {
_this.id = 'chk-' + _item.registerInput('checkbox');
_this._labelId = 'lbl-' + _item.id;
_this._item.setElementClass('item-checkbox', true);
}
return _this;
}
/**
* @hidden
* @param {?} ev
* @return {?}
*/
Checkbox.prototype._click = function (ev) {
(void 0) /* console.debug */;
ev.preventDefault();
ev.stopPropagation();
this.onChange(!this._checked);
};
Object.defineProperty(Checkbox.prototype, "checked", {
/**
* \@input {boolean} If true, the element is selected.
* @return {?}
*/
get: function () {
return this._checked;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._setChecked(isTrueProperty(val));
this.onChange(this._checked);
},
enumerable: true,
configurable: true
});
/**
* @hidden
* @param {?} isChecked
* @return {?}
*/
Checkbox.prototype._setChecked = function (isChecked) {
if (isChecked !== this._checked) {
this._checked = isChecked;
if (this._init) {
this.ionChange.emit(this);
}
this._item && this._item.setElementClass('item-checkbox-checked', isChecked);
}
};
/**
* @hidden
* @param {?} val
* @return {?}
*/
Checkbox.prototype.writeValue = function (val) {
this._setChecked(isTrueProperty(val));
};
/**
* @hidden
* @param {?} fn
* @return {?}
*/
Checkbox.prototype.registerOnChange = function (fn) {
var _this = this;
this._fn = fn;
this.onChange = function (isChecked) {
(void 0) /* console.debug */;
fn(isChecked);
_this._setChecked(isChecked);
_this.onTouched();
_this._cd.detectChanges();
};
};
/**
* @hidden
* @param {?} fn
* @return {?}
*/
Checkbox.prototype.registerOnTouched = function (fn) { this.onTouched = fn; };
Object.defineProperty(Checkbox.prototype, "disabled", {
/**
* \@input {boolean} If true, the user cannot interact with this element.
* @return {?}
*/
get: function () {
return this._disabled;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._disabled = isTrueProperty(val);
this._item && this._item.setElementClass('item-checkbox-disabled', this._disabled);
},
enumerable: true,
configurable: true
});
/**
* @hidden
* @param {?} isChecked
* @return {?}
*/
Checkbox.prototype.onChange = function (isChecked) {
// used when this input does not have an ngModel or formControlName
(void 0) /* console.debug */;
this._setChecked(isChecked);
this.onTouched();
this._cd.detectChanges();
};
/**
* @hidden
* @return {?}
*/
Checkbox.prototype.initFocus = function () {
this._elementRef.nativeElement.querySelector('button').focus();
};
/**
* @hidden
* @return {?}
*/
Checkbox.prototype.onTouched = function () { };
/**
* @hidden
* @return {?}
*/
Checkbox.prototype.ngAfterContentInit = function () {
this._init = true;
};
/**
* @hidden
* @param {?} isDisabled
* @return {?}
*/
Checkbox.prototype.setDisabledState = function (isDisabled) {
this.disabled = isDisabled;
};
/**
* @hidden
* @return {?}
*/
Checkbox.prototype.ngOnDestroy = function () {
this._form.deregister(this);
};
return Checkbox;
}(Ion));
Checkbox.decorators = [
{ type: Component, args: [{
selector: 'ion-checkbox',
template: '<div class="checkbox-icon" [class.checkbox-checked]="_checked">' +
'<div class="checkbox-inner"></div>' +
'</div>' +
'<button role="checkbox" ' +
'type="button" ' +
'ion-button="item-cover" ' +
'[id]="id" ' +
'[attr.aria-checked]="_checked" ' +
'[attr.aria-labelledby]="_labelId" ' +
'[attr.aria-disabled]="_disabled" ' +
'class="item-cover"> ' +
'</button>',
host: {
'[class.checkbox-disabled]': '_disabled'
},
providers: [CHECKBOX_VALUE_ACCESSOR$1],
encapsulation: ViewEncapsulation.None,
},] },
];
/**
* @nocollapse
*/
Checkbox.ctorParameters = function () { return [
{ type: Config, },
{ type: Form, },
{ type: Item, decorators: [{ type: Optional },] },
{ type: ElementRef, },
{ type: Renderer, },
{ type: ChangeDetectorRef, },
]; };
Checkbox.propDecorators = {
'ionChange': [{ type: Output },],
'_click': [{ type: HostListener, args: ['click', ['$event'],] },],
'checked': [{ type: Input },],
'disabled': [{ type: Input },],
};
/**
* @hidden
*/
var CheckboxModule = (function () {
function CheckboxModule() {
}
/**
* @return {?}
*/
CheckboxModule.forRoot = function () {
return {
ngModule: CheckboxModule, providers: []
};
};
return CheckboxModule;
}());
CheckboxModule.decorators = [
{ type: NgModule, args: [{
declarations: [
Checkbox
],
exports: [
Checkbox
]
},] },
];
/**
* @nocollapse
*/
CheckboxModule.ctorParameters = function () { return []; };
var __extends$59 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* \@name Chip
* \@module ionic
* \@description
* Chips represent complex entities in small blocks, such as a contact.
*
*
* \@usage
*
* ```html
* <ion-chip>
* <ion-label>Default</ion-label>
* </ion-chip>
*
* <ion-chip>
* <ion-label color="secondary">Secondary Label</ion-label>
* </ion-chip>
*
* <ion-chip color="secondary">
* <ion-label color="dark">Secondary w/ Dark label</ion-label>
* </ion-chip>
*
* <ion-chip color="danger">
* <ion-label>Danger</ion-label>
* </ion-chip>
*
* <ion-chip>
* <ion-icon name="pin"></ion-icon>
* <ion-label>Default</ion-label>
* </ion-chip>
*
* <ion-chip>
* <ion-icon name="heart" color="dark"></ion-icon>
* <ion-label>Default</ion-label>
* </ion-chip>
*
* <ion-chip>
* <ion-avatar>
* <img src="img/my-img.png">
* </ion-avatar>
* <ion-label>Default</ion-label>
* </ion-chip>
* ```
*
*
* \@advanced
*
* ```html
* <ion-chip #chip1>
* <ion-label>Default</ion-label>
* <button ion-button clear color="light" (click)="delete(chip1)">
* <ion-icon name="close-circle"></ion-icon>
* </button>
* </ion-chip>
*
* <ion-chip #chip2>
* <ion-icon name="pin" color="primary"></ion-icon>
* <ion-label>With Icon</ion-label>
* <button ion-button (click)="delete(chip2)">
* <ion-icon name="close"></ion-icon>
* </button>
* </ion-chip>
*
* <ion-chip #chip3>
* <ion-avatar>
* <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
* </ion-avatar>
* <ion-label>With Avatar</ion-label>
* <button ion-button clear color="dark" (click)="delete(chip3)">
* <ion-icon name="close-circle"></ion-icon>
* </button>
* </ion-chip>
* ```
*
* ```ts
* \@Component({
* templateUrl: 'main.html'
* })
* class E2EPage {
* delete(chip: Element) {
* chip.remove();
* }
* }
* ```
*
* \@demo /docs/demos/src/chip/
*
*/
var Chip = (function (_super) {
__extends$59(Chip, _super);
/**
* @param {?} config
* @param {?} elementRef
* @param {?} renderer
*/
function Chip(config, elementRef, renderer) {
return _super.call(this, config, elementRef, renderer, 'chip') || this;
}
return Chip;
}(Ion));
Chip.decorators = [
{ type: Directive, args: [{
selector: 'ion-chip'
},] },
];
/**
* @nocollapse
*/
Chip.ctorParameters = function () { return [
{ type: Config, },
{ type: ElementRef, },
{ type: Renderer, },
]; };
/**
* @hidden
*/
var ChipModule = (function () {
function ChipModule() {
}
/**
* @return {?}
*/
ChipModule.forRoot = function () {
return {
ngModule: ChipModule, providers: []
};
};
return ChipModule;
}());
ChipModule.decorators = [
{ type: NgModule, args: [{
declarations: [
Chip
],
exports: [
Chip
]
},] },
];
/**
* @nocollapse
*/
ChipModule.ctorParameters = function () { return []; };
/**
* @hidden
*/
var ClickBlock = (function () {
/**
* @param {?} app
* @param {?} config
* @param {?} plt
* @param {?} elementRef
* @param {?} renderer
*/
function ClickBlock(app, config, plt, elementRef, renderer) {
this.plt = plt;
this.elementRef = elementRef;
this.renderer = renderer;
this._showing = false;
app._clickBlock = this;
var enabled = this.isEnabled = config.getBoolean('clickBlock', true);
if (enabled) {
this._setElementClass('click-block-enabled', true);
}
}
/**
* @param {?} shouldShow
* @param {?=} expire
* @param {?=} minDuration
* @return {?}
*/
ClickBlock.prototype.activate = function (shouldShow, expire, minDuration) {
if (expire === void 0) { expire = 100; }
if (minDuration === void 0) { minDuration = 0; }
if (this.isEnabled) {
this.plt.cancelTimeout(this._tmr);
if (shouldShow) {
// remember when we started the click block
this._start = Date.now();
// figure out the minimum time it should be showing until
// this is useful for transitions that are less than 300ms
this._minEnd = this._start + (minDuration || 0);
this._activate(true);
}
this._tmr = this.plt.timeout(this._activate.bind(this, false), expire);
}
};
/**
* \@internal
* @param {?} shouldShow
* @return {?}
*/
ClickBlock.prototype._activate = function (shouldShow) {
if (this._showing !== shouldShow) {
if (!shouldShow) {
// check if it was enabled before the minimum duration
// this is useful for transitions that are less than 300ms
var /** @type {?} */ now = Date.now();
if (now < this._minEnd) {
this._tmr = this.plt.timeout(this._activate.bind(this, false), this._minEnd - now);
return;
}
}
this._setElementClass('click-block-active', shouldShow);
this._showing = shouldShow;
}
};
/**
* @param {?} className
* @param {?} add
* @return {?}
*/
ClickBlock.prototype._setElementClass = function (className, add) {
this.renderer.setElementClass(this.elementRef.nativeElement, className, add);
};
return ClickBlock;
}());
ClickBlock.decorators = [
{ type: Directive, args: [{
selector: '.click-block'
},] },
];
/**
* @nocollapse
*/
ClickBlock.ctorParameters = function () { return [
{ type: App, decorators: [{ type: Inject, args: [forwardRef(function () { return App; }),] },] },
{ type: Config, },
{ type: Platform, },
{ type: ElementRef, },
{ type: Renderer, },
]; };
/**
* @hidden
*/
var ClickBlockModule = (function () {
function ClickBlockModule() {
}
/**
* @return {?}
*/
ClickBlockModule.forRoot = function () {
return {
ngModule: ClickBlockModule, providers: []
};
};
return ClickBlockModule;
}());
ClickBlockModule.decorators = [
{ type: NgModule, args: [{
declarations: [
ClickBlock
],
exports: [
ClickBlock
]
},] },
];
/**
* @nocollapse
*/
ClickBlockModule.ctorParameters = function () { return []; };
/**
* @hidden
*/
var ContentModule = (function () {
function ContentModule() {
}
/**
* @return {?}
*/
ContentModule.forRoot = function () {
return {
ngModule: ContentModule, providers: []
};
};
return ContentModule;
}());
ContentModule.decorators = [
{ type: NgModule, args: [{
declarations: [
Content
],
exports: [
Content
]
},] },
];
/**
* @nocollapse
*/
ContentModule.ctorParameters = function () { return []; };
/**
* @param {?} template
* @param {?} value
* @param {?} locale
* @return {?}
*/
function renderDateTime(template, value, locale) {
if (isBlank$1(value)) {
return '';
}
var /** @type {?} */ tokens = [];
var /** @type {?} */ hasText = false;
FORMAT_KEYS.forEach(function (format, index) {
if (template.indexOf(format.f) > -1) {
var /** @type {?} */ token = '{' + index + '}';
var /** @type {?} */ text = renderTextFormat(format.f, ((value))[format.k], value, locale);
if (!hasText && text && isPresent$1(((value))[format.k])) {
hasText = true;
}
tokens.push(token, text);
template = template.replace(format.f, token);
}
});
if (!hasText) {
return '';
}
for (var /** @type {?} */ i = 0; i < tokens.length; i += 2) {
template = template.replace(tokens[i], tokens[i + 1]);
}
return template;
}
/**
* @param {?} format
* @param {?} value
* @param {?} date
* @param {?} locale
* @return {?}
*/
function renderTextFormat(format, value, date, locale) {
if (format === FORMAT_DDDD || format === FORMAT_DDD) {
try {
value = (new Date(date.year, date.month - 1, date.day)).getDay();
if (format === FORMAT_DDDD) {
return (isPresent$1(locale.dayNames) ? locale.dayNames : DAY_NAMES)[value];
}
return (isPresent$1(locale.dayShortNames) ? locale.dayShortNames : DAY_SHORT_NAMES)[value];
}
catch (e) { }
return '';
}
if (format === FORMAT_A) {
return date ? date.hour < 12 ? 'AM' : 'PM' : isPresent$1(value) ? value.toUpperCase() : '';
}
if (format === FORMAT_a) {
return date ? date.hour < 12 ? 'am' : 'pm' : isPresent$1(value) ? value : '';
}
if (isBlank$1(value)) {
return '';
}
if (format === FORMAT_YY || format === FORMAT_MM ||
format === FORMAT_DD || format === FORMAT_HH ||
format === FORMAT_mm || format === FORMAT_ss) {
return twoDigit(value);
}
if (format === FORMAT_YYYY) {
return fourDigit(value);
}
if (format === FORMAT_MMMM) {
return (isPresent$1(locale.monthNames) ? locale.monthNames : MONTH_NAMES)[value - 1];
}
if (format === FORMAT_MMM) {
return (isPresent$1(locale.monthShortNames) ? locale.monthShortNames : MONTH_SHORT_NAMES)[value - 1];
}
if (format === FORMAT_hh || format === FORMAT_h) {
if (value === 0) {
return '12';
}
if (value > 12) {
value -= 12;
}
if (format === FORMAT_hh && value < 10) {
return ('0' + value);
}
}
return value.toString();
}
/**
* @param {?} format
* @param {?} min
* @param {?} max
* @return {?}
*/
function dateValueRange(format, min, max) {
var /** @type {?} */ opts = [];
var /** @type {?} */ i;
if (format === FORMAT_YYYY || format === FORMAT_YY) {
// year
i = max.year;
while (i >= min.year) {
opts.push(i--);
}
}
else if (format === FORMAT_MMMM || format === FORMAT_MMM ||
format === FORMAT_MM || format === FORMAT_M ||
format === FORMAT_hh || format === FORMAT_h) {
// month or 12-hour
for (i = 1; i < 13; i++) {
opts.push(i);
}
}
else if (format === FORMAT_DDDD || format === FORMAT_DDD ||
format === FORMAT_DD || format === FORMAT_D) {
// day
for (i = 1; i < 32; i++) {
opts.push(i);
}
}
else if (format === FORMAT_HH || format === FORMAT_H) {
// 24-hour
for (i = 0; i < 24; i++) {
opts.push(i);
}
}
else if (format === FORMAT_mm || format === FORMAT_m) {
// minutes
for (i = 0; i < 60; i++) {
opts.push(i);
}
}
else if (format === FORMAT_ss || format === FORMAT_s) {
// seconds
for (i = 0; i < 60; i++) {
opts.push(i);
}
}
else if (format === FORMAT_A || format === FORMAT_a) {
// AM/PM
opts.push('am', 'pm');
}
return opts;
}
/**
* @param {?} year
* @param {?} month
* @param {?} day
* @param {?=} hour
* @param {?=} minute
* @return {?}
*/
function dateSortValue(year, month, day, hour, minute) {
if (hour === void 0) { hour = 0; }
if (minute === void 0) { minute = 0; }
return parseInt("1" + fourDigit(year) + twoDigit(month) + twoDigit(day) + twoDigit(hour) + twoDigit(minute), 10);
}
/**
* @param {?} data
* @return {?}
*/
function dateDataSortValue(data) {
if (data) {
return dateSortValue(data.year, data.month, data.day, data.hour, data.minute);
}
return -1;
}
/**
* @param {?} month
* @param {?} year
* @return {?}
*/
function daysInMonth(month, year) {
return (month === 4 || month === 6 || month === 9 || month === 11) ? 30 : (month === 2) ? isLeapYear(year) ? 29 : 28 : 31;
}
/**
* @param {?} year
* @return {?}
*/
function isLeapYear(year) {
return (year % 4 === 0 && year % 100 !== 0) || (year % 400 === 0);
}
var ISO_8601_REGEXP = /^(\d{4}|[+\-]\d{6})(?:-(\d{2})(?:-(\d{2}))?)?(?:T(\d{2}):(\d{2})(?::(\d{2})(?:\.(\d{3}))?)?(?:(Z)|([+\-])(\d{2})(?::(\d{2}))?)?)?$/;
var TIME_REGEXP = /^((\d{2}):(\d{2})(?::(\d{2})(?:\.(\d{3}))?)?(?:(Z)|([+\-])(\d{2})(?::(\d{2}))?)?)?$/;
/**
* @param {?} val
* @return {?}
*/
function parseDate(val) {
// manually parse IS0 cuz Date.parse cannot be trusted
// ISO 8601 format: 1994-12-15T13:47:20Z
var /** @type {?} */ parse;
if (isPresent$1(val) && val !== '') {
// try parsing for just time first, HH:MM
parse = TIME_REGEXP.exec(val);
if (isPresent$1(parse)) {
// adjust the array so it fits nicely with the datetime parse
parse.unshift(undefined, undefined);
parse[2] = parse[3] = undefined;
}
else {
// try parsing for full ISO datetime
parse = ISO_8601_REGEXP.exec(val);
}
}
if (isBlank$1(parse)) {
// wasn't able to parse the ISO datetime
return null;
}
// ensure all the parse values exist with at least 0
for (var /** @type {?} */ i = 1; i < 8; i++) {
parse[i] = (parse[i] !== undefined ? parseInt(parse[i], 10) : null);
}
var /** @type {?} */ tzOffset = 0;
if (isPresent$1(parse[9]) && isPresent$1(parse[10])) {
// hours
tzOffset = parseInt(parse[10], 10) * 60;
if (isPresent$1(parse[11])) {
// minutes
tzOffset += parseInt(parse[11], 10);
}
if (parse[9] === '-') {
// + or -
tzOffset *= -1;
}
}
return {
year: parse[1],
month: parse[2],
day: parse[3],
hour: parse[4],
minute: parse[5],
second: parse[6],
millisecond: parse[7],
tzOffset: tzOffset,
};
}
/**
* @param {?} existingData
* @param {?} newData
* @return {?}
*/
function updateDate(existingData, newData) {
if (isPresent$1(newData) && newData !== '') {
if (isString(newData)) {
// new date is a string, and hopefully in the ISO format
// convert it to our DateTimeData if a valid ISO
newData = parseDate(newData);
if (newData) {
// successfully parsed the ISO string to our DateTimeData
Object.assign(existingData, newData);
return true;
}
}
else if ((isPresent$1(newData.year) || isPresent$1(newData.hour) || isPresent$1(newData.month) || isPresent$1(newData.day) || isPresent$1(newData.minute) || isPresent$1(newData.second))) {
// newData is from of a datetime picker's selected values
// update the existing DateTimeData data with the new values
// do some magic for 12-hour values
if (isPresent$1(newData.ampm) && isPresent$1(newData.hour)) {
if (newData.ampm.value === 'pm') {
newData.hour.value = (newData.hour.value === 12 ? 12 : newData.hour.value + 12);
}
else {
newData.hour.value = (newData.hour.value === 12 ? 0 : newData.hour.value);
}
}
// merge new values from the picker's selection
// to the existing DateTimeData values
for (var /** @type {?} */ k in newData) {
((existingData))[k] = newData[k].value;
}
return true;
}
// eww, invalid data
console.warn("Error parsing date: \"" + newData + "\". Please provide a valid ISO 8601 datetime format: https://www.w3.org/TR/NOTE-datetime");
}
else {
// blank data, clear everything out
for (var /** @type {?} */ k in existingData) {
delete ((existingData))[k];
}
}
return false;
}
/**
* @param {?} template
* @return {?}
*/
function parseTemplate(template) {
var /** @type {?} */ formats = [];
template = template.replace(/[^\w\s]/gi, ' ');
FORMAT_KEYS.forEach(function (format) {
if (format.f.length > 1 && template.indexOf(format.f) > -1 && template.indexOf(format.f + format.f.charAt(0)) < 0) {
template = template.replace(format.f, ' ' + format.f + ' ');
}
});
var /** @type {?} */ words = template.split(' ').filter(function (w) { return w.length > 0; });
words.forEach(function (word, i) {
FORMAT_KEYS.forEach(function (format) {
if (word === format.f) {
if (word === FORMAT_A || word === FORMAT_a) {
// this format is an am/pm format, so it's an "a" or "A"
if ((formats.indexOf(FORMAT_h) < 0 && formats.indexOf(FORMAT_hh) < 0) ||
VALID_AMPM_PREFIX.indexOf(words[i - 1]) === -1) {
// template does not already have a 12-hour format
// or this am/pm format doesn't have a hour, minute, or second format immediately before it
// so do not treat this word "a" or "A" as the am/pm format
return;
}
}
formats.push(word);
}
});
});
return formats;
}
/**
* @param {?} date
* @param {?} format
* @return {?}
*/
function getValueFromFormat(date, format) {
if (format === FORMAT_A || format === FORMAT_a) {
return (date.hour < 12 ? 'am' : 'pm');
}
if (format === FORMAT_hh || format === FORMAT_h) {
return (date.hour > 12 ? date.hour - 12 : date.hour);
}
return ((date))[convertFormatToKey(format)];
}
/**
* @param {?} format
* @return {?}
*/
function convertFormatToKey(format) {
for (var /** @type {?} */ k in FORMAT_KEYS) {
if (FORMAT_KEYS[k].f === format) {
return FORMAT_KEYS[k].k;
}
}
return null;
}
/**
* @param {?} data
* @return {?}
*/
function convertDataToISO(data) {
// https://www.w3.org/TR/NOTE-datetime
var /** @type {?} */ rtn = '';
if (isPresent$1(data)) {
if (isPresent$1(data.year)) {
// YYYY
rtn = fourDigit(data.year);
if (isPresent$1(data.month)) {
// YYYY-MM
rtn += '-' + twoDigit(data.month);
if (isPresent$1(data.day)) {
// YYYY-MM-DD
rtn += '-' + twoDigit(data.day);
if (isPresent$1(data.hour)) {
// YYYY-MM-DDTHH:mm:SS
rtn += "T" + twoDigit(data.hour) + ":" + twoDigit(data.minute) + ":" + twoDigit(data.second);
if (data.millisecond > 0) {
// YYYY-MM-DDTHH:mm:SS.SSS
rtn += '.' + threeDigit(data.millisecond);
}
if (isBlank$1(data.tzOffset) || data.tzOffset === 0) {
// YYYY-MM-DDTHH:mm:SSZ
rtn += 'Z';
}
else {
// YYYY-MM-DDTHH:mm:SS+/-HH:mm
rtn += (data.tzOffset > 0 ? '+' : '-') + twoDigit(Math.floor(data.tzOffset / 60)) + ':' + twoDigit(data.tzOffset % 60);
}
}
}
}
}
else if (isPresent$1(data.hour)) {
// HH:mm
rtn = twoDigit(data.hour) + ':' + twoDigit(data.minute);
if (isPresent$1(data.second)) {
// HH:mm:SS
rtn += ':' + twoDigit(data.second);
if (isPresent$1(data.millisecond)) {
// HH:mm:SS.SSS
rtn += '.' + threeDigit(data.millisecond);
}
}
}
}
return rtn;
}
/**
* @param {?} val
* @return {?}
*/
function twoDigit(val) {
return ('0' + (isPresent$1(val) ? Math.abs(val) : '0')).slice(-2);
}
/**
* @param {?} val
* @return {?}
*/
function threeDigit(val) {
return ('00' + (isPresent$1(val) ? Math.abs(val) : '0')).slice(-3);
}
/**
* @param {?} val
* @return {?}
*/
function fourDigit(val) {
return ('000' + (isPresent$1(val) ? Math.abs(val) : '0')).slice(-4);
}
var FORMAT_YYYY = 'YYYY';
var FORMAT_YY = 'YY';
var FORMAT_MMMM = 'MMMM';
var FORMAT_MMM = 'MMM';
var FORMAT_MM = 'MM';
var FORMAT_M = 'M';
var FORMAT_DDDD = 'DDDD';
var FORMAT_DDD = 'DDD';
var FORMAT_DD = 'DD';
var FORMAT_D = 'D';
var FORMAT_HH = 'HH';
var FORMAT_H = 'H';
var FORMAT_hh = 'hh';
var FORMAT_h = 'h';
var FORMAT_mm = 'mm';
var FORMAT_m = 'm';
var FORMAT_ss = 'ss';
var FORMAT_s = 's';
var FORMAT_A = 'A';
var FORMAT_a = 'a';
var FORMAT_KEYS = [
{ f: FORMAT_YYYY, k: 'year' },
{ f: FORMAT_MMMM, k: 'month' },
{ f: FORMAT_DDDD, k: 'day' },
{ f: FORMAT_MMM, k: 'month' },
{ f: FORMAT_DDD, k: 'day' },
{ f: FORMAT_YY, k: 'year' },
{ f: FORMAT_MM, k: 'month' },
{ f: FORMAT_DD, k: 'day' },
{ f: FORMAT_HH, k: 'hour' },
{ f: FORMAT_hh, k: 'hour' },
{ f: FORMAT_mm, k: 'minute' },
{ f: FORMAT_ss, k: 'second' },
{ f: FORMAT_M, k: 'month' },
{ f: FORMAT_D, k: 'day' },
{ f: FORMAT_H, k: 'hour' },
{ f: FORMAT_h, k: 'hour' },
{ f: FORMAT_m, k: 'minute' },
{ f: FORMAT_s, k: 'second' },
{ f: FORMAT_A, k: 'ampm' },
{ f: FORMAT_a, k: 'ampm' },
];
var DAY_NAMES = [
'Sunday',
'Monday',
'Tuesday',
'Wednesday',
'Thursday',
'Friday',
'Saturday',
];
var DAY_SHORT_NAMES = [
'Sun',
'Mon',
'Tue',
'Wed',
'Thu',
'Fri',
'Sat',
];
var MONTH_NAMES = [
'January',
'February',
'March',
'April',
'May',
'June',
'July',
'August',
'September',
'October',
'November',
'December',
];
var MONTH_SHORT_NAMES = [
'Jan',
'Feb',
'Mar',
'Apr',
'May',
'Jun',
'Jul',
'Aug',
'Sep',
'Oct',
'Nov',
'Dec',
];
var VALID_AMPM_PREFIX = [
FORMAT_hh, FORMAT_h, FORMAT_mm, FORMAT_m, FORMAT_ss, FORMAT_s
];
var __extends$60 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
var DATETIME_VALUE_ACCESSOR = {
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(function () { return DateTime; }),
multi: true
};
/**
* \@name DateTime
* \@description
* The DateTime component is used to present an interface which makes it easy for
* users to select dates and times. Tapping on `<ion-datetime>` will display a picker
* interface that slides up from the bottom of the page. The picker then displays
* scrollable columns that can be used to individually select years, months, days,
* hours and minute values. The DateTime component is similar to the native
* `<input type="datetime-local">` element, however, Ionic's DateTime component makes
* it easy to display the date and time in a preferred format, and manage the datetime
* values.
*
* ```html
* <ion-item>
* <ion-label>Date</ion-label>
* <ion-datetime displayFormat="MM/DD/YYYY" [(ngModel)]="myDate"></ion-datetime>
* </ion-item>
* ```
*
*
* ## Display and Picker Formats
*
* The DateTime component displays the values in two places: in the `<ion-datetime>`
* component, and in the interface that is presented from the bottom of the screen.
* The following chart lists all of the formats that can be used.
*
* | Format | Description | Example |
* |---------|--------------------------------|-------------------------|
* | `YYYY` | Year, 4 digits | `2018` |
* | `YY` | Year, 2 digits | `18` |
* | `M` | Month | `1` ... `12` |
* | `MM` | Month, leading zero | `01` ... `12` |
* | `MMM` | Month, short name | `Jan` |
* | `MMMM` | Month, full name | `January` |
* | `D` | Day | `1` ... `31` |
* | `DD` | Day, leading zero | `01` ... `31` |
* | `DDD` | Day, short name | `Fri` |
* | `DDDD` | Day, full name | `Friday` |
* | `H` | Hour, 24-hour | `0` ... `23` |
* | `HH` | Hour, 24-hour, leading zero | `00` ... `23` |
* | `h` | Hour, 12-hour | `1` ... `12` |
* | `hh` | Hour, 12-hour, leading zero | `01` ... `12` |
* | `a` | 12-hour time period, lowercase | `am` `pm` |
* | `A` | 12-hour time period, uppercase | `AM` `PM` |
* | `m` | Minute | `1` ... `59` |
* | `mm` | Minute, leading zero | `01` ... `59` |
* | `s` | Second | `1` ... `59` |
* | `ss` | Second, leading zero | `01` ... `59` |
* | `Z` | UTC Timezone Offset | `Z or +HH:mm or -HH:mm` |
*
* **Important**: See the [Month Names and Day of the Week Names](#month-names-and-day-of-the-week-names)
* section below on how to use different names for the month and day.
*
* ### Display Format
*
* The `displayFormat` input property specifies how a datetime's value should be
* printed, as formatted text, within the `ion-datetime` component.
*
* In the following example, the display in the `<ion-datetime>` will use the
* month's short name, the numerical day with a leading zero, a comma and the
* four-digit year. In addition to the date, it will display the time with the hours
* in the 24-hour format and the minutes. Any character can be used as a separator.
* An example display using this format is: `Jun 17, 2005 11:06`.
*
* ```html
* <ion-item>
* <ion-label>Date</ion-label>
* <ion-datetime displayFormat="MMM DD, YYYY HH:mm" [(ngModel)]="myDate"></ion-datetime>
* </ion-item>
* ```
*
* ### Picker Format
*
* The `pickerFormat` input property determines which columns should be shown in the
* interface, the order of the columns, and which format to use within each column.
* If the `pickerFormat` input is not provided then it will default to the `displayFormat`.
*
* In the following example, the display in the `<ion-datetime>` will use the
* `MM/YYYY` format, such as `06/2020`. However, the picker interface
* will display two columns with the month's long name, and the four-digit year.
*
* ```html
* <ion-item>
* <ion-label>Date</ion-label>
* <ion-datetime displayFormat="MM/YYYY" pickerFormat="MMMM YYYY" [(ngModel)]="myDate"></ion-datetime>
* </ion-item>
* ```
*
* ### Datetime Data
*
* Historically, handling datetime values within JavaScript, or even within HTML
* inputs, has always been a challenge. Specifically, JavaScript's `Date` object is
* notoriously difficult to correctly parse apart datetime strings or to format
* datetime values. Even worse is how different browsers and JavaScript versions
* parse various datetime strings differently, especially per locale.
*
* But no worries, all is not lost! Ionic's datetime input has been designed so
* developers can avoid the common pitfalls, allowing developers to easily format
* datetime values within the input, and give the user a simple datetime picker for a
* great user experience.
*
* ##### ISO 8601 Datetime Format: YYYY-MM-DDTHH:mmZ
*
* Ionic uses the [ISO 8601 datetime format](https://www.w3.org/TR/NOTE-datetime)
* for its value. The value is simply a string, rather than using JavaScript's `Date`
* object. Additionally, when using the ISO datetime format, it makes it easier
* to serialize and pass within JSON objects, and sending databases a standardized
* format which it can be easily parsed if need be.
*
* An ISO format can be used as a simple year, or just the hour and minute, or get more
* detailed down to the millisecond and timezone. Any of the ISO formats below can be used,
* and after a user selects a new value, Ionic will continue to use the same ISO format
* which datetime value was originally given as.
*
* | Description | Format | Datetime Value Example |
* |----------------------|------------------------|------------------------------|
* | Year | YYYY | 1994 |
* | Year and Month | YYYY-MM | 1994-12 |
* | Complete Date | YYYY-MM-DD | 1994-12-15 |
* | Date and Time | YYYY-MM-DDTHH:mm | 1994-12-15T13:47 |
* | UTC Timezone | YYYY-MM-DDTHH:mm:ssTZD | 1994-12-15T13:47:20.789Z |
* | Timezone Offset | YYYY-MM-DDTHH:mm:ssTZD | 1994-12-15T13:47:20.789+5:00 |
* | Hour and Minute | HH:mm | 13:47 |
* | Hour, Minute, Second | HH:mm:ss | 13:47:20 |
*
* Note that the year is always four-digits, milliseconds (if it's added) is always
* three-digits, and all others are always two-digits. So the number representing
* January always has a leading zero, such as `01`. Additionally, the hour is always
* in the 24-hour format, so `00` is `12am` on a 12-hour clock, `13` means `1pm`,
* and `23` means `11pm`.
*
* It's also important to note that neither the `displayFormat` or `pickerFormat` can
* set the datetime value's output, which is the value that is set by the component's
* `ngModel`. The format's are merely for displaying the value as text and the picker's
* interface, but the datetime's value is always persisted as a valid ISO 8601 datetime
* string.
*
*
* ## Min and Max Datetimes
*
* Dates are infinite in either direction, so for a user's selection there should be at
* least some form of restricting the dates that can be selected. Be default, the maximum
* date is to the end of the current year, and the minimum date is from the beginning
* of the year that was 100 years ago.
*
* To customize the minimum and maximum datetime values, the `min` and `max` component
* inputs can be provided which may make more sense for the app's use-case, rather
* than the default of the last 100 years. Following the same IS0 8601 format listed
* in the table above, each component can restrict which dates can be selected by the
* user. Below is an example of restricting the date selection between the beginning
* of 2016, and October 31st of 2020:
*
* ```html
* <ion-item>
* <ion-label>Date</ion-label>
* <ion-datetime displayFormat="MMMM YYYY" min="2016" max="2020-10-31" [(ngModel)]="myDate">
* </ion-datetime>
* </ion-item>
* ```
*
*
* ## Month Names and Day of the Week Names
*
* At this time, there is no one-size-fits-all standard to automatically choose the correct
* language/spelling for a month name, or day of the week name, depending on the language
* or locale. Good news is that there is an
* [Intl.DateTimeFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/DateTimeFormat)
* standard which *most* browsers have adopted. However, at this time the standard has not
* been fully implemented by all popular browsers so Ionic is unavailable to take advantage
* of it *yet*. Additionally, Angular also provides an internationalization service, but it
* is still under heavy development so Ionic does not depend on it at this time.
*
* All things considered, the by far easiest solution is to just provide an array of names
* if the app needs to use names other than the default English version of month and day
* names. The month names and day names can be either configured at the app level, or
* individual `ion-datetime` level.
*
* ### App Config Level
*
* ```ts
* //app.module.ts
* \@NgModule({
* ...,
* imports: [
* IonicModule.forRoot(MyApp, {
* monthNames: ['janeiro', 'fevereiro', 'mar\u00e7o', ... ],
* monthShortNames: ['jan', 'fev', 'mar', ... ],
* dayNames: ['domingo', 'segunda-feira', 'ter\u00e7a-feira', ... ],
* dayShortNames: ['dom', 'seg', 'ter', ... ],
* })
* ],
* ...
* })
* ```
*
* ### Component Input Level
*
* ```html
* <ion-item>
* <ion-label>PerÃodo</ion-label>
* <ion-datetime displayFormat="DDDD MMM D, YYYY" [(ngModel)]="myDate"
* monthNames="janeiro, fevereiro, mar\u00e7o, ..."
* monthShortNames="jan, fev, mar, ..."
* dayNames="domingo, segunda-feira, ter\u00e7a-feira, ..."
* dayShortNames="dom, seg, ter, ..."></ion-datetime>
* </ion-item>
* ```
*
*
* ### Advanced Datetime Validation and Manipulation
*
* The datetime picker provides the simplicity of selecting an exact format, and persists
* the datetime values as a string using the standardized
* [ISO 8601 datetime format](https://www.w3.org/TR/NOTE-datetime).
* However, it's important to note that `ion-datetime` does not attempt to solve all
* situtations when validating and manipulating datetime values. If datetime values need
* to be parsed from a certain format, or manipulated (such as adding 5 days to a date,
* subtracting 30 minutes, etc.), or even formatting data to a specific locale, then we highly
* recommend using [moment.js](http://momentjs.com/) to "Parse, validate, manipulate, and
* display dates in JavaScript". [Moment.js](http://momentjs.com/) has quickly become
* our goto standard when dealing with datetimes within JavaScript, but Ionic does not
* prepackage this dependency since most apps will not require it, and its locale
* configuration should be decided by the end-developer.
*
*
* \@usage
* ```html
* <ion-item>
* <ion-label>Date</ion-label>
* <ion-datetime displayFormat="MM/DD/YYYY" [(ngModel)]="myDate">
* </ion-datetime>
* </ion-item>
* ```
*
*
* \@demo /docs/demos/src/datetime/
*/
var DateTime = (function (_super) {
__extends$60(DateTime, _super);
/**
* @param {?} _form
* @param {?} config
* @param {?} elementRef
* @param {?} renderer
* @param {?} _item
* @param {?} _pickerCtrl
*/
function DateTime(_form, config, elementRef, renderer, _item, _pickerCtrl) {
var _this = _super.call(this, config, elementRef, renderer, 'datetime') || this;
_this._form = _form;
_this._item = _item;
_this._pickerCtrl = _pickerCtrl;
_this._disabled = false;
_this._text = '';
_this._isOpen = false;
_this._value = {};
_this._locale = {};
/**
* \@input {string} The text to display on the picker's cancel button. Default: `Cancel`.
*/
_this.cancelText = 'Cancel';
/**
* \@input {string} The text to display on the picker's "Done" button. Default: `Done`.
*/
_this.doneText = 'Done';
/**
* \@input {any} Any additional options that the picker interface can accept.
* See the [Picker API docs](../../picker/Picker) for the picker options.
*/
_this.pickerOptions = {};
/**
* \@input {string} The text to display when there's no date selected yet.
* Using lowercase to match the input attribute
*/
_this.placeholder = '';
/**
* \@output {any} Emitted when the datetime selection has changed.
*/
_this.ionChange = new EventEmitter();
/**
* \@output {any} Emitted when the datetime selection was cancelled.
*/
_this.ionCancel = new EventEmitter();
_form.register(_this);
if (_item) {
_this.id = 'dt-' + _item.registerInput('datetime');
_this._labelId = 'lbl-' + _item.id;
_this._item.setElementClass('item-datetime', true);
}
return _this;
}
/**
* @param {?} ev
* @return {?}
*/
DateTime.prototype._click = function (ev) {
if (ev.detail === 0) {
// do not continue if the click event came from a form submit
return;
}
ev.preventDefault();
ev.stopPropagation();
this.open();
};
/**
* @return {?}
*/
DateTime.prototype._keyup = function () {
if (!this._isOpen) {
this.open();
}
};
/**
* @hidden
* @return {?}
*/
DateTime.prototype.open = function () {
var _this = this;
(void 0) /* assert */;
if (this._disabled) {
return;
}
(void 0) /* console.debug */;
// the user may have assigned some options specifically for the alert
var /** @type {?} */ pickerOptions = deepCopy(this.pickerOptions);
var /** @type {?} */ picker = this._picker = this._pickerCtrl.create(pickerOptions);
picker.addButton({
text: this.cancelText,
role: 'cancel',
handler: function () { return _this.ionCancel.emit(null); }
});
picker.addButton({
text: this.doneText,
handler: function (data) {
(void 0) /* console.debug */;
_this.onChange(data);
_this.ionChange.emit(data);
}
});
this.generate();
this.validate();
picker.ionChange.subscribe(function () {
_this.validate();
picker.refresh();
});
this._isOpen = true;
picker.onDidDismiss(function () {
_this._isOpen = false;
});
picker.present(pickerOptions);
};
/**
* @hidden
* @return {?}
*/
DateTime.prototype.generate = function () {
var _this = this;
var /** @type {?} */ picker = this._picker;
// if a picker format wasn't provided, then fallback
// to use the display format
var /** @type {?} */ template = this.pickerFormat || this.displayFormat || DEFAULT_FORMAT;
if (isPresent$1(template)) {
// make sure we've got up to date sizing information
this.calcMinMax();
// does not support selecting by day name
// automaticallly remove any day name formats
template = template.replace('DDDD', '{~}').replace('DDD', '{~}');
if (template.indexOf('D') === -1) {
// there is not a day in the template
// replace the day name with a numeric one if it exists
template = template.replace('{~}', 'D');
}
// make sure no day name replacer is left in the string
template = template.replace(/{~}/g, '');
// parse apart the given template into an array of "formats"
parseTemplate(template).forEach(function (format) {
// loop through each format in the template
// create a new picker column to build up with data
var /** @type {?} */ key = convertFormatToKey(format);
var /** @type {?} */ values;
// first see if they have exact values to use for this input
if (isPresent$1(((_this))[key + 'Values'])) {
// user provide exact values for this date part
values = convertToArrayOfNumbers(((_this))[key + 'Values'], key);
}
else {
// use the default date part values
values = dateValueRange(format, _this._min, _this._max);
}
var /** @type {?} */ column = {
name: key,
selectedIndex: 0,
options: values.map(function (val) {
return {
value: val,
text: renderTextFormat(format, val, null, _this._locale),
};
})
};
// cool, we've loaded up the columns with options
// preselect the option for this column
var /** @type {?} */ optValue = getValueFromFormat(_this._value, format);
var /** @type {?} */ selectedIndex = column.options.findIndex(function (opt) { return opt.value === optValue; });
if (selectedIndex >= 0) {
// set the select index for this column's options
column.selectedIndex = selectedIndex;
}
// add our newly created column to the picker
picker.addColumn(column);
});
// Normalize min/max
var /** @type {?} */ min_1 = (this._min);
var /** @type {?} */ max_1 = (this._max);
var /** @type {?} */ columns_1 = this._picker.getColumns();
['month', 'day', 'hour', 'minute']
.filter(function (name) { return !columns_1.find(function (column) { return column.name === name; }); })
.forEach(function (name) {
min_1[name] = 0;
max_1[name] = 0;
});
this.divyColumns();
}
};
/**
* @hidden
* @param {?} name
* @param {?} index
* @param {?} min
* @param {?} max
* @param {?} lowerBounds
* @param {?} upperBounds
* @return {?}
*/
DateTime.prototype.validateColumn = function (name, index, min, max, lowerBounds, upperBounds) {
(void 0) /* assert */;
(void 0) /* assert */;
var /** @type {?} */ column = this._picker.getColumn(name);
if (!column) {
return 0;
}
var /** @type {?} */ lb = lowerBounds.slice();
var /** @type {?} */ ub = upperBounds.slice();
var /** @type {?} */ options = column.options;
var /** @type {?} */ indexMin = options.length - 1;
var /** @type {?} */ indexMax = 0;
for (var /** @type {?} */ i = 0; i < options.length; i++) {
var /** @type {?} */ opt = options[i];
var /** @type {?} */ value = opt.value;
lb[index] = opt.value;
ub[index] = opt.value;
var /** @type {?} */ disabled = opt.disabled = (value < lowerBounds[index] ||
value > upperBounds[index] ||
dateSortValue(ub[0], ub[1], ub[2], ub[3], ub[4]) < min ||
dateSortValue(lb[0], lb[1], lb[2], lb[3], lb[4]) > max);
if (!disabled) {
indexMin = Math.min(indexMin, i);
indexMax = Math.max(indexMax, i);
}
}
var /** @type {?} */ selectedIndex = column.selectedIndex = clamp(indexMin, column.selectedIndex, indexMax);
opt = column.options[selectedIndex];
if (opt) {
return opt.value;
}
return 0;
};
/**
* @return {?}
*/
DateTime.prototype.validate = function () {
var /** @type {?} */ today = new Date();
var /** @type {?} */ minCompareVal = dateDataSortValue(this._min);
var /** @type {?} */ maxCompareVal = dateDataSortValue(this._max);
var /** @type {?} */ yearCol = this._picker.getColumn('year');
(void 0) /* assert */;
var /** @type {?} */ selectedYear = today.getFullYear();
if (yearCol) {
// default to the first value if the current year doesn't exist in the options
if (!yearCol.options.find(function (col) { return col.value === today.getFullYear(); })) {
selectedYear = yearCol.options[0].value;
}
var /** @type {?} */ yearOpt = yearCol.options[yearCol.selectedIndex];
if (yearOpt) {
// they have a selected year value
selectedYear = yearOpt.value;
}
}
var /** @type {?} */ selectedMonth = this.validateColumn('month', 1, minCompareVal, maxCompareVal, [selectedYear, 0, 0, 0, 0], [selectedYear, 12, 31, 23, 59]);
var /** @type {?} */ numDaysInMonth = daysInMonth(selectedMonth, selectedYear);
var /** @type {?} */ selectedDay = this.validateColumn('day', 2, minCompareVal, maxCompareVal, [selectedYear, selectedMonth, 0, 0, 0], [selectedYear, selectedMonth, numDaysInMonth, 23, 59]);
var /** @type {?} */ selectedHour = this.validateColumn('hour', 3, minCompareVal, maxCompareVal, [selectedYear, selectedMonth, selectedDay, 0, 0], [selectedYear, selectedMonth, selectedDay, 23, 59]);
this.validateColumn('minute', 4, minCompareVal, maxCompareVal, [selectedYear, selectedMonth, selectedDay, selectedHour, 0], [selectedYear, selectedMonth, selectedDay, selectedHour, 59]);
};
/**
* @hidden
* @return {?}
*/
DateTime.prototype.divyColumns = function () {
var /** @type {?} */ pickerColumns = this._picker.getColumns();
var /** @type {?} */ columnsWidth = [];
var /** @type {?} */ col;
var /** @type {?} */ width;
for (var /** @type {?} */ i = 0; i < pickerColumns.length; i++) {
col = pickerColumns[i];
columnsWidth.push(0);
for (var /** @type {?} */ j = 0; j < col.options.length; j++) {
width = col.options[j].text.length;
if (width > columnsWidth[i]) {
columnsWidth[i] = width;
}
}
}
if (columnsWidth.length === 2) {
width = Math.max(columnsWidth[0], columnsWidth[1]);
pickerColumns[0].align = 'right';
pickerColumns[1].align = 'left';
pickerColumns[0].optionsWidth = pickerColumns[1].optionsWidth = width * 17 + "px";
}
else if (columnsWidth.length === 3) {
width = Math.max(columnsWidth[0], columnsWidth[2]);
pickerColumns[0].align = 'right';
pickerColumns[1].columnWidth = columnsWidth[1] * 17 + "px";
pickerColumns[0].optionsWidth = pickerColumns[2].optionsWidth = width * 17 + "px";
pickerColumns[2].align = 'left';
}
};
/**
* @hidden
* @param {?} newData
* @return {?}
*/
DateTime.prototype.setValue = function (newData) {
updateDate(this._value, newData);
};
/**
* @hidden
* @return {?}
*/
DateTime.prototype.getValue = function () {
return this._value;
};
/**
* @hidden
* @param {?} inputValue
* @return {?}
*/
DateTime.prototype.checkHasValue = function (inputValue) {
if (this._item) {
this._item.setElementClass('input-has-value', !!(inputValue && inputValue !== ''));
}
};
/**
* @hidden
* @return {?}
*/
DateTime.prototype.updateText = function () {
// create the text of the formatted data
var /** @type {?} */ template = this.displayFormat || this.pickerFormat || DEFAULT_FORMAT;
this._text = renderDateTime(template, this._value, this._locale);
};
/**
* @hidden
* @param {?=} now
* @return {?}
*/
DateTime.prototype.calcMinMax = function (now) {
var /** @type {?} */ todaysYear = (now || new Date()).getFullYear();
if (isPresent$1(this.yearValues)) {
var /** @type {?} */ years = convertToArrayOfNumbers(this.yearValues, 'year');
if (isBlank$1(this.min)) {
this.min = Math.min.apply(Math, years);
}
if (isBlank$1(this.max)) {
this.max = Math.max.apply(Math, years);
}
}
else {
if (isBlank$1(this.min)) {
this.min = (todaysYear - 100).toString();
}
if (isBlank$1(this.max)) {
this.max = todaysYear.toString();
}
}
var /** @type {?} */ min = this._min = parseDate(this.min);
var /** @type {?} */ max = this._max = parseDate(this.max);
min.year = min.year || todaysYear;
max.year = max.year || todaysYear;
min.month = min.month || 1;
max.month = max.month || 12;
min.day = min.day || 1;
max.day = max.day || 31;
min.hour = min.hour || 0;
max.hour = max.hour || 23;
min.minute = min.minute || 0;
max.minute = max.minute || 59;
min.second = min.second || 0;
max.second = max.second || 59;
// Ensure min/max constraits
if (min.year > max.year) {
console.error('min.year > max.year');
min.year = max.year - 100;
}
if (min.year === max.year) {
if (min.month > max.month) {
console.error('min.month > max.month');
min.month = 1;
}
else if (min.month === max.month && min.day > max.day) {
console.error('min.day > max.day');
min.day = 1;
}
}
};
Object.defineProperty(DateTime.prototype, "disabled", {
/**
* \@input {boolean} If true, the user cannot interact with this element.
* @return {?}
*/
get: function () {
return this._disabled;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._disabled = isTrueProperty(val);
this._item && this._item.setElementClass('item-datetime-disabled', this._disabled);
},
enumerable: true,
configurable: true
});
/**
* @hidden
* @param {?} val
* @return {?}
*/
DateTime.prototype.writeValue = function (val) {
(void 0) /* console.debug */;
this.setValue(val);
this.updateText();
this.checkHasValue(val);
};
/**
* @hidden
* @return {?}
*/
DateTime.prototype.ngAfterContentInit = function () {
var _this = this;
// first see if locale names were provided in the inputs
// then check to see if they're in the config
// if neither were provided then it will use default English names
['monthNames', 'monthShortNames', 'dayNames', 'dayShortNames'].forEach(function (type) {
((_this))._locale[type] = convertToArrayOfStrings(isPresent$1(((_this))[type]) ? ((_this))[type] : _this._config.get(type), type);
});
// update how the datetime value is displayed as formatted text
this.updateText();
};
/**
* @hidden
* @param {?} fn
* @return {?}
*/
DateTime.prototype.registerOnChange = function (fn) {
var _this = this;
this._fn = fn;
this.onChange = function (val) {
(void 0) /* console.debug */;
_this.setValue(val);
_this.updateText();
_this.checkHasValue(val);
// convert DateTimeData value to iso datetime format
fn(convertDataToISO(_this._value));
_this.onTouched();
};
};
/**
* @hidden
* @param {?} fn
* @return {?}
*/
DateTime.prototype.registerOnTouched = function (fn) { this.onTouched = fn; };
/**
* @hidden
* @param {?} val
* @return {?}
*/
DateTime.prototype.onChange = function (val) {
// onChange used when there is not an formControlName
(void 0) /* console.debug */;
this.setValue(val);
this.updateText();
this.checkHasValue(val);
this.onTouched();
};
/**
* @hidden
* @return {?}
*/
DateTime.prototype.onTouched = function () { };
/**
* @hidden
* @param {?} isDisabled
* @return {?}
*/
DateTime.prototype.setDisabledState = function (isDisabled) {
this.disabled = isDisabled;
};
/**
* @hidden
* @return {?}
*/
DateTime.prototype.ngOnDestroy = function () {
this._form.deregister(this);
};
return DateTime;
}(Ion));
DateTime.decorators = [
{ type: Component, args: [{
selector: 'ion-datetime',
template: '<div *ngIf="!_text" class="datetime-text datetime-placeholder">{{placeholder}}</div>' +
'<div *ngIf="_text" class="datetime-text">{{_text}}</div>' +
'<button aria-haspopup="true" ' +
'type="button" ' +
'[id]="id" ' +
'ion-button="item-cover" ' +
'[attr.aria-labelledby]="_labelId" ' +
'[attr.aria-disabled]="_disabled" ' +
'class="item-cover">' +
'</button>',
host: {
'[class.datetime-disabled]': '_disabled'
},
providers: [DATETIME_VALUE_ACCESSOR],
encapsulation: ViewEncapsulation.None,
},] },
];
/**
* @nocollapse
*/
DateTime.ctorParameters = function () { return [
{ type: Form, },
{ type: Config, },
{ type: ElementRef, },
{ type: Renderer, },
{ type: Item, decorators: [{ type: Optional },] },
{ type: PickerController, decorators: [{ type: Optional },] },
]; };
DateTime.propDecorators = {
'min': [{ type: Input },],
'max': [{ type: Input },],
'displayFormat': [{ type: Input },],
'pickerFormat': [{ type: Input },],
'cancelText': [{ type: Input },],
'doneText': [{ type: Input },],
'yearValues': [{ type: Input },],
'monthValues': [{ type: Input },],
'dayValues': [{ type: Input },],
'hourValues': [{ type: Input },],
'minuteValues': [{ type: Input },],
'monthNames': [{ type: Input },],
'monthShortNames': [{ type: Input },],
'dayNames': [{ type: Input },],
'dayShortNames': [{ type: Input },],
'pickerOptions': [{ type: Input },],
'placeholder': [{ type: Input },],
'ionChange': [{ type: Output },],
'ionCancel': [{ type: Output },],
'_click': [{ type: HostListener, args: ['click', ['$event'],] },],
'_keyup': [{ type: HostListener, args: ['keyup.space',] },],
'disabled': [{ type: Input },],
};
/**
* @hidden
* Use to convert a string of comma separated numbers or
* an array of numbers, and clean up any user input
* @param {?} input
* @param {?} type
* @return {?}
*/
function convertToArrayOfNumbers(input, type) {
if (isString(input)) {
// convert the string to an array of strings
// auto remove any whitespace and [] characters
input = input.replace(/\[|\]|\s/g, '').split(',');
}
var /** @type {?} */ values;
if (isArray$2(input)) {
// ensure each value is an actual number in the returned array
values = input
.map(function (num) { return parseInt(num, 10); })
.filter(isFinite);
}
if (!values || !values.length) {
console.warn("Invalid \"" + type + "Values\". Must be an array of numbers, or a comma separated string of numbers.");
}
return values;
}
/**
* @hidden
* Use to convert a string of comma separated strings or
* an array of strings, and clean up any user input
* @param {?} input
* @param {?} type
* @return {?}
*/
function convertToArrayOfStrings(input, type) {
if (isPresent$1(input)) {
if (isString(input)) {
// convert the string to an array of strings
// auto remove any [] characters
input = input.replace(/\[|\]/g, '').split(',');
}
var /** @type {?} */ values;
if (isArray$2(input)) {
// trim up each string value
values = input.map(function (val) { return val.trim(); });
}
if (!values || !values.length) {
console.warn("Invalid \"" + type + "Names\". Must be an array of strings, or a comma separated string.");
}
return values;
}
}
var DEFAULT_FORMAT = 'MMM D, YYYY';
/**
* @hidden
*/
var DateTimeModule = (function () {
function DateTimeModule() {
}
/**
* @return {?}
*/
DateTimeModule.forRoot = function () {
return {
ngModule: DateTimeModule, providers: []
};
};
return DateTimeModule;
}());
DateTimeModule.decorators = [
{ type: NgModule, args: [{
imports: [
CommonModule
],
declarations: [
DateTime
],
exports: [
DateTime
]
},] },
];
/**
* @nocollapse
*/
DateTimeModule.ctorParameters = function () { return []; };
var __extends$61 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* \@name FabButton
* \@module ionic
*
* \@description
* FABs (Floating Action Buttons) are standard material design components. They are shaped as a circle that represents a promoted action. When pressed, it may contain more related actions.
* FABs as its name suggests are floating over the content in a fixed position. This is not achieved exclusively with `<button ion-fab>Button</button>` but it has to wrapped with the `<ion-fab>` component, like this:
*
* ```html
* <ion-content>
* <!-- Real floating action button, fixed. It will not scroll with the content -->
* <ion-fab>
* <button ion-fab>Button</button>
* </ion-fab>
*
* <!-- Button shaped as a circle that just like a normal button scrolls with the content -->
* <button ion-fab>Button</button>
* </ion-content>
*
* ```
*
* In case the button is not wrapped with `<ion-fab>`, the fab button will behave like a normal button, scrolling with the content.
*
* See [ion-fab] to learn more information about how to position the fab button.
*
* \@property [mini] - Makes a fab button with a reduced size.
*
* \@usage
*
* ```html
*
* <!-- Colors -->
* <ion-fab>
* <button ion-fab color="primary">Button</button>
* </ion-fab>
*
* <!-- Mini -->
* <ion-fab>
* <button ion-fab mini>Small</button>
* </ion-fab>
* ```
*
* \@demo /docs/demos/src/fab/
* @see {\@link /docs/components#fabs FAB Component Docs}
*/
var FabButton = (function (_super) {
__extends$61(FabButton, _super);
/**
* @param {?} config
* @param {?} elementRef
* @param {?} renderer
*/
function FabButton(config, elementRef, renderer) {
return _super.call(this, config, elementRef, renderer, 'fab') || this;
}
/**
* @hidden
* @param {?} closeVisible
* @return {?}
*/
FabButton.prototype.setActiveClose = function (closeVisible) {
this.setElementClass('fab-close-active', closeVisible);
};
return FabButton;
}(Ion));
FabButton.decorators = [
{ type: Component, args: [{
selector: '[ion-fab]',
template: '<ion-icon name="close" class="fab-close-icon"></ion-icon>' +
'<span class="button-inner">' +
'<ng-content></ng-content>' +
'</span>' +
'<div class="button-effect"></div>',
changeDetection: ChangeDetectionStrategy.OnPush,
encapsulation: ViewEncapsulation.None,
},] },
];
/**
* @nocollapse
*/
FabButton.ctorParameters = function () { return [
{ type: Config, },
{ type: ElementRef, },
{ type: Renderer, },
]; };
/**
* \@name FabList
* \@description
* `ion-fab-list` is a container for multiple FAB buttons. They are components of `ion-fab` and allow you to specificy the buttons position, left, right, top, bottom.
* \@usage
*
* ```html
* <ion-fab bottom right >
* <button ion-fab>Share</button>
* <ion-fab-list side="top">
* <button ion-fab>Facebook</button>
* <button ion-fab>Twitter</button>
* <button ion-fab>Youtube</button>
* </ion-fab-list>
* <ion-fab-list side="left">
* <button ion-fab>Vimeo</button>
* </ion-fab-list>
* </ion-fab>
* ```
* \@module ionic
*
* \@demo /docs/demos/src/fab/
* @see {\@link /docs/components#fab Fab Component Docs}
*/
var FabList = (function () {
/**
* @param {?} _elementRef
* @param {?} _renderer
* @param {?} config
* @param {?} _plt
*/
function FabList(_elementRef, _renderer, config, _plt) {
this._elementRef = _elementRef;
this._renderer = _renderer;
this._plt = _plt;
this._visible = false;
this._fabs = [];
this._mode = config.get('mode');
}
Object.defineProperty(FabList.prototype, "_setbuttons", {
/**
* @param {?} query
* @return {?}
*/
set: function (query) {
var /** @type {?} */ fabs = this._fabs = query.toArray();
var /** @type {?} */ className = "fab-" + this._mode + "-in-list";
for (var _i = 0, fabs_1 = fabs; _i < fabs_1.length; _i++) {
var fab = fabs_1[_i];
fab.setElementClass('fab-in-list', true);
fab.setElementClass(className, true);
}
},
enumerable: true,
configurable: true
});
/**
* @hidden
* @param {?} val
* @return {?}
*/
FabList.prototype.setVisible = function (val) {
var _this = this;
var /** @type {?} */ visible = isTrueProperty(val);
if (visible === this._visible) {
return;
}
this._visible = visible;
var /** @type {?} */ fabs = this._fabs;
var /** @type {?} */ i = 1;
if (visible) {
fabs.forEach(function (fab) {
_this._plt.timeout(function () { return fab.setElementClass('show', true); }, i * 30);
i++;
});
}
else {
fabs.forEach(function (fab) { return fab.setElementClass('show', false); });
}
this.setElementClass('fab-list-active', visible);
};
/**
* \@internal
* @param {?} className
* @param {?} add
* @return {?}
*/
FabList.prototype.setElementClass = function (className, add) {
this._renderer.setElementClass(this._elementRef.nativeElement, className, add);
};
return FabList;
}());
FabList.decorators = [
{ type: Directive, args: [{
selector: 'ion-fab-list',
},] },
];
/**
* @nocollapse
*/
FabList.ctorParameters = function () { return [
{ type: ElementRef, },
{ type: Renderer, },
{ type: Config, },
{ type: Platform, },
]; };
FabList.propDecorators = {
'_setbuttons': [{ type: ContentChildren, args: [FabButton,] },],
};
/**
* \@name FabContainer
* \@module ionic
*
* \@description
* `<ion-fab>` is not a FAB button by itself but a container that assist the fab button (`<button ion-fab>`) allowing it
* to be placed in fixed position that does not scroll with the content. It is also used to implement "material design speed dial",
* ie. a FAB buttons displays a small lists of related actions when clicked.
*
* \@property [top] - Places the container on the top of the content
* \@property [bottom] - Places the container on the bottom of the content
* \@property [left] - Places the container on the left
* \@property [right] - Places the container on the right
* \@property [middle] - Places the container on the middle vertically
* \@property [center] - Places the container on the center horizontally
* \@property [edge] - Used to place the container between the content and the header/footer
*
* \@usage
*
* ```html
* <!-- this fab is placed at top right -->
* <ion-content>
* <ion-fab top right>
* <button ion-fab>Button</button>
* </ion-fab>
*
* <!-- this fab is placed at the center of the content viewport -->
* <ion-fab center middle>
* <button ion-fab>Button</button>
* </ion-fab>
* </ion-content>
* ```
*
* Ionic's FAB also supports "material design's fab speed dial". It is a normal fab button
* that shows a list of related actions when clicked.
*
* The same `ion-fab` container can contain several `ion-fab-list` with different side values:
* `top`, `bottom`, `left` and `right`. For example, if you want to have a list of button that are
* on the top of the main button, you should use `side="top"` and so on. By default, if side is ommited, `side="bottom"`.
*
* ```html
* <ion-content>
* <!-- this fab is placed at bottom right -->
* <ion-fab bottom right >
* <button ion-fab>Share</button>
* <ion-fab-list side="top">
* <button ion-fab>Facebook</button>
* <button ion-fab>Twitter</button>
* <button ion-fab>Youtube</button>
* </ion-fab-list>
* <ion-fab-list side="left">
* <button ion-fab>Vimeo</button>
* </ion-fab-list>
* </ion-fab>
* </ion-content>
* ```
*
* A FAB speed dial can also be closed programatically.
*
* ```html
* <ion-content>
* <ion-fab bottom right #fab>
* <button ion-fab>Share</button>
* <ion-fab-list side="top">
* <button ion-fab (click)="share('facebook', fab)">Facebook</button>
* <button ion-fab (click)="share('twitter', fab)">Twitter</button>
* </ion-fab-list>
* </ion-fab>
* </ion-content>
* ```
*
* ```ts
* share(socialNet: string, fab: FabContainer) {
* fab.close();
* console.log("Sharing in", socialNet);
* }
* ```
*
* \@demo /docs/demos/src/fab/
* @see {\@link /docs/components#fabs FAB Component Docs}
*/
var FabContainer = (function () {
/**
* @param {?} _elementRef
* @param {?} plt
*/
function FabContainer(_elementRef, plt) {
this._elementRef = _elementRef;
/**
* @hidden
*/
this._listsActive = false;
this._events = new UIEventManager(plt);
}
/**
* @hidden
* @return {?}
*/
FabContainer.prototype.ngAfterContentInit = function () {
var /** @type {?} */ mainButton = this._mainButton;
if (!mainButton || !mainButton.getNativeElement()) {
console.error('FAB container needs a main <button ion-fab>');
return;
}
this._events.listen(mainButton.getNativeElement(), 'click', this.clickHandler.bind(this), { zone: true });
};
/**
* @hidden
* @param {?} ev
* @return {?}
*/
FabContainer.prototype.clickHandler = function (ev) {
if (this.canActivateList(ev)) {
this.toggleList();
}
};
/**
* @hidden
* @param {?} ev
* @return {?}
*/
FabContainer.prototype.canActivateList = function (ev) {
if (this._fabLists.length > 0 && this._mainButton && ev.target) {
var /** @type {?} */ ele = ev.target.closest('ion-fab>[ion-fab]');
return (ele && ele === this._mainButton.getNativeElement());
}
return false;
};
/**
* @hidden
* @return {?}
*/
FabContainer.prototype.toggleList = function () {
this.setActiveLists(!this._listsActive);
};
/**
* @hidden
* @param {?} isActive
* @return {?}
*/
FabContainer.prototype.setActiveLists = function (isActive) {
if (isActive === this._listsActive) {
return;
}
var /** @type {?} */ lists = this._fabLists.toArray();
for (var _i = 0, lists_1 = lists; _i < lists_1.length; _i++) {
var list = lists_1[_i];
list.setVisible(isActive);
}
this._mainButton.setActiveClose(isActive);
this._listsActive = isActive;
};
/**
* Close an active FAB list container
* @return {?}
*/
FabContainer.prototype.close = function () {
this.setActiveLists(false);
};
/**
* @hidden
* @return {?}
*/
FabContainer.prototype.ngOnDestroy = function () {
this._events.destroy();
};
return FabContainer;
}());
FabContainer.decorators = [
{ type: Component, args: [{
selector: 'ion-fab',
template: '<ng-content></ng-content>'
},] },
];
/**
* @nocollapse
*/
FabContainer.ctorParameters = function () { return [
{ type: ElementRef, },
{ type: Platform, },
]; };
FabContainer.propDecorators = {
'_mainButton': [{ type: ContentChild, args: [FabButton,] },],
'_fabLists': [{ type: ContentChildren, args: [FabList,] },],
};
/**
* @hidden
*/
var FabModule = (function () {
function FabModule() {
}
/**
* @return {?}
*/
FabModule.forRoot = function () {
return {
ngModule: FabModule, providers: []
};
};
return FabModule;
}());
FabModule.decorators = [
{ type: NgModule, args: [{
imports: [
IconModule
],
declarations: [
FabButton,
FabContainer,
FabList
],
exports: [
FabButton,
FabContainer,
FabList
]
},] },
];
/**
* @nocollapse
*/
FabModule.ctorParameters = function () { return []; };
/**
* \@name Grid
* \@module ionic
* \@description
*
* The grid is a powerful mobile-first flexbox system for building custom layouts.
* It is heavily influenced by [Bootstrap's grid system](http://v4-alpha.getbootstrap.com/layout/grid/).
*
* The grid is composed of three units — a grid, row(s) and column(s). Columns will expand to fill their
* row, and will resize to fit additional columns. It is based on a 12 column layout with different
* breakpoints based on the screen size. The number of columns and breakpoints can be fully customized
* using Sass.
*
* - [How it works](#how-it-works)
* - [Grid size](#grid-size)
* - [Grid attributes](#grid-attributes)
* - [Default breakpoints](#default-breakpoints)
* - [Auto-layout columns](#auto-layout-columns)
* - [Equal-width](#equal-width)
* - [Setting one column width](#setting-one-column-width)
* - [Variable-width](#variable-width)
* - [Responsive attributes](#responsive-attributes)
* - [All breakpoints](#all-breakpoints)
* - [Stacked to horizontal](#stacked-to-horizontal)
* - [Reordering](#reordering)
* - [Offsetting columns](#offsetting-columns)
* - [Push and pull](#push-and-pull)
* - [Alignment](#alignment)
* - [Vertical Alignment](#vertical-alignment)
* - [Horizontal Alignment](#horizontal-alignment)
* - [Customizing the grid](#customizing-the-grid)
* - [Number of columns and padding](#number-of-columns-and-padding)
* - [Grid tiers](#grid-tiers)
*
*
* ## How it works
*
* The grid is a mobile-first system made up of any number of rows and columns.
* It is built with flexbox making it extremely responsive. The components that
* make up the grid can be written as an element (e.g., `<ion-grid>`) or added as
* an attribute to any element (e.g., `<div ion-row>`).
*
* Here's how it works:
*
* - Grids act as a container for all rows and columns. Grids take up the full width of their container,
* but adding the `fixed` attribute will specify the width per screen size, see [grid size](#grid-size) below.
* - Rows are horizontal groups of columns that line the columns up properly.
* - Content should be placed within columns, and only columns may be immediate children of rows.
* - Grid columns without a specified width will automatically have equal widths.
* For example, four instances of `col-sm` will each automatically be 25% wide for small breakpoints.
* - Column attributes indicate the number of columns to use out of the default 12 per row.
* So, `col-4` can be added in order to have three equal-width columns.
* - Column widths are set as a percentage, so they’re always fluid and sized relative to their parent element.
* - Columns have padding between individual columns, however, the padding can be removed from the grid and
* columns by adding `no-padding` on the grid.
* - There are five grid tiers by default, one for each responsive breakpoint: all breakpoints (extra small),
* small, medium, large, and extra large.
* - Grid tiers are based on minimum widths, meaning they apply to their tier and all those larger than it
* (e.g., `col-sm-4` applies to small, medium, large, and extra large devices).
* - Grids can easily be customized via Sass variables. See [customizing the grid](#customizing-the-grid).
*
* There are some [known bugs with flexbox](https://github.com/philipwalton/flexbugs) that
* should be checked prior to creating issues with Ionic.
*
* ## Grid size
*
* By default, the grid will take up 100% width. To set a maximum width based on the screen
* size add the `fixed` attribute. The maximum width of the grid for each breakpoint is defined
* in the `$grid-max-widths` Sass variable. For more information, see
* [customizing the grid](#customizing-the-grid).
*
* | Name | Value | Description |
* |----------|----------|-----------------------------------------------------|
* | xs | auto | Don't set the grid width for xs screens |
* | sm | 540px | Set grid width to 540px when (min-width: 576px) |
* | md | 720px | Set grid width to 720px when (min-width: 768px) |
* | lg | 960px | Set grid width to 960px when (min-width: 992px) |
* | xl | 1140px | Set grid width to 1140px when (min-width: 1200px) |
*
*
* ## Grid attributes
*
* The grid takes up full width and has padding added to it based on the screen size. There are two
* attributes that can be used to adjust this behavior.
*
* | Property | Description |
* |-----------------|-------------------------------------------------------------------------------------------------------------------|
* | no-padding | Removes padding from the grid and immediate children columns. |
* | fixed | Set a max width based on the screen size. |
*
*
* ## Default breakpoints
*
* The default breakpoints are defined by the `$grid-breakpoints` Sass variable. It can be
* customized to use different values for the breakpoint, rename and add/remove breakpoints.
* For more information, see [customizing the grid](#customizing-the-grid).
*
* | Name | Value | Width Prefix | Offset Prefix | Push Prefix | Pull Prefix | Description |
* |----------|----------|--------------|---------------|--------------|-------------|---------------------------------------------------|
* | xs | 0 | `col-` | `offset-` | `push-` | `pull-` | Set columns when (min-width: 0) |
* | sm | 576px | `col-sm-` | `offset-sm-` | `push-sm-` | `pull-sm-` | Set columns when (min-width: 576px) |
* | md | 768px | `col-md-` | `offset-md-` | `push-md-` | `pull-md-` | Set columns when (min-width: 768px) |
* | lg | 992px | `col-lg-` | `offset-lg-` | `push-lg-` | `pull-lg-` | Set columns when (min-width: 992px) |
* | xl | 1200px | `col-xl-` | `offset-xl-` | `push-xl-` | `pull-xl-` | Set columns when (min-width: 1200px) |
*
* _Note: the first breakpoint must have the value set to 0 and all breakpoint values must be in
* ascending order._
*
* ## Auto-layout columns
*
* ### Equal-width
*
* By default, columns will take up equal width inside of a row for all devices and screen sizes.
*
* ```
* <ion-grid>
* <ion-row>
* <ion-col>
* 1 of 2
* </ion-col>
* <ion-col>
* 2 of 2
* </ion-col>
* </ion-row>
* <ion-row>
* <ion-col>
* 1 of 3
* </ion-col>
* <ion-col>
* 2 of 3
* </ion-col>
* <ion-col>
* 3 of 3
* </ion-col>
* </ion-row>
* </ion-grid>
* ```
*
* ### Setting one column width
*
* Set the width of one column and the others will automatically resize around it.
* This can be done using our predefined grid attributes. In the example below,
* the other columns will resize no matter the width of the center column.
*
* ```
* <ion-grid>
* <ion-row>
* <ion-col>
* 1 of 3
* </ion-col>
* <ion-col col-8>
* 2 of 3 (wider)
* </ion-col>
* <ion-col>
* 3 of 3
* </ion-col>
* </ion-row>
* <ion-row>
* <ion-col>
* 1 of 3
* </ion-col>
* <ion-col col-6>
* 2 of 3 (wider)
* </ion-col>
* <ion-col>
* 3 of 3
* </ion-col>
* </ion-row>
* </ion-grid>
* ```
*
* ### Variable-width
*
* Using the `col-{breakpoint}-auto` attributes, the column can size itself based on the
* natural width of its content. This is extremely useful for setting a column width
* using pixels. The columns next to the variable-width column will resize to fill the row.
*
* ```
* <ion-grid>
* <ion-row>
* <ion-col>
* 1 of 3
* </ion-col>
* <ion-col col-auto>
* Variable width content
* </ion-col>
* <ion-col>
* 3 of 3
* </ion-col>
* </ion-row>
* <ion-row>
* <ion-col>
* 1 of 4
* </ion-col>
* <ion-col>
* 2 of 4
* </ion-col>
* <ion-col col-auto>
* <ion-input placeholder="Variable width input"></ion-input>
* </ion-col>
* <ion-col>
* 4 of 4
* </ion-col>
* </ion-row>
* </ion-grid>
* ```
*
*
* ## Responsive attributes
*
* ### All breakpoints
*
* To customize a column's width for all devices and screens, add the `col-*`
* attribute. These attributes tell the column to take up `*` columns out
* of the available columns.
*
* ```
* <ion-grid>
* <ion-row>
* <ion-col col-4>
* 1 of 4
* </ion-col>
* <ion-col col-2>
* 2 of 4
* </ion-col>
* <ion-col col-2>
* 3 of 4
* </ion-col>
* <ion-col col-4>
* 4 of 4
* </ion-col>
* </ion-row>
* </ion-grid>
* ```
*
* ### Stacked to horizontal
*
* Use a combination of width and breakpoint attributes to create a grid that starts out stacked
* on extra small screens before becoming horizontal on small screens.
*
* ```
* <ion-grid>
* <ion-row>
* <ion-col col-12 col-sm>
* 1 of 4
* </ion-col>
* <ion-col col-12 col-sm>
* 2 of 4
* </ion-col>
* <ion-col col-12 col-sm>
* 3 of 4
* </ion-col>
* <ion-col col-12 col-sm>
* 4 of 4
* </ion-col>
* </ion-row>
* </ion-grid>
* ```
*
*
* ## Reordering
*
* ### Offsetting columns
*
* Move columns to the right by adding the `offset-*` attributes. These attributes
* increase the margin left of the column by `*` columns. For example, in the following
* grid the last column will be offset by 3 columns and take up 3 columns:
*
* ```
* <ion-grid>
* <ion-row>
* <ion-col col-3>
* 1 of 2
* </ion-col>
* <ion-col col-3 offset-3>
* 2 of 2
* </ion-col>
* </ion-row>
* </ion-grid>
* ```
*
* Offsets can also be added based on screen breakpoints. Here's an example of a
* grid where the last column will be offset by 3 columns for `md` screens and up:
*
* ```
* <ion-grid>
* <ion-row>
* <ion-col col-md-3>
* 1 of 3
* </ion-col>
* <ion-col col-md-3>
* 2 of 3
* </ion-col>
* <ion-col col-md-3 offset-md-3>
* 3 of 3
* </ion-col>
* </ion-row>
* </ion-grid>
* ```
*
* ### Push and pull
*
* Reorder the columns by adding the `push-*` and `pull-*` attributes. These attributes
* adjust the `left` and `right` of the columns by `*` columns making it easy to reorder
* columns. For example, in the following grid the column with the `1st col` description
* will actually be the last column and the `2nd col` will be the first column.
*
* ```
* <ion-grid>
* <ion-row>
* <ion-col col-9 push-3>
* 1 of 2
* </ion-col>
* <ion-col col-3 pull-9>
* 2 of 2
* </ion-col>
* </ion-row>
* </ion-grid>
* ```
*
* Push and pull can also be added based on screen breakpoints. In the following example,
* the column with the `3rd` column description will actually be the first column for
* `md` screens and up:
*
* ```
* <ion-grid>
* <ion-row>
* <ion-col col-md-6 push-md-3>
* 1 of 3
* </ion-col>
* <ion-col col-md-3 push-md-3>
* 2 of 3
* </ion-col>
* <ion-col col-md-3 pull-md-9>
* 3 of 3
* </ion-col>
* </ion-row>
* </ion-grid>
* ```
*
*
* ## Alignment
*
* ### Vertical alignment
*
* All columns can be vertically aligned inside of a row by adding different
* attributes to the row. For a list of available attributes, see
* [row attributes](../Row#row-attributes).
*
* ```
* <ion-grid>
* <ion-row align-items-start>
* <ion-col>
* 1 of 4
* </ion-col>
* <ion-col>
* 2 of 4
* </ion-col>
* <ion-col>
* 3 of 4
* </ion-col>
* <ion-col>
* 4 of 4 <br>#<br>#<br>#
* </ion-col>
* </ion-row>
*
* <ion-row align-items-center>
* <ion-col>
* 1 of 4
* </ion-col>
* <ion-col>
* 2 of 4
* </ion-col>
* <ion-col>
* 3 of 4
* </ion-col>
* <ion-col>
* 4 of 4 <br>#<br>#<br>#
* </ion-col>
* </ion-row>
*
* <ion-row align-items-end>
* <ion-col>
* 1 of 4
* </ion-col>
* <ion-col>
* 2 of 4
* </ion-col>
* <ion-col>
* 3 of 4
* </ion-col>
* <ion-col>
* 4 of 4 <br>#<br>#<br>#
* </ion-col>
* </ion-row>
* </ion-grid>
* ```
*
* Columns can also align themselves differently than other columns by
* adding the alignment attribute directly to the column. For a list of available
* attributes, see [column attributes](../Col#column-attributes).
*
* ```
* <ion-grid>
* <ion-row>
* <ion-col align-self-start>
* <div>
* 1 of 4
* </div>
* </ion-col>
* <ion-col align-self-center>
* <div>
* 2 of 4
* </div>
* </ion-col>
* <ion-col align-self-end>
* <div>
* 3 of 4
* </div>
* </ion-col>
* <ion-col>
* <div>
* 4 of 4 <br>#<br>#<br>#
* </div>
* </ion-col>
* </ion-row>
* </ion-grid>
* ```
*
* ### Horizontal alignment
*
* All columns can be horizontally aligned inside of a row by adding different
* attributes to the row. For a list of available attributes, see
* [row attributes](../Row#row-attributes).
*
* ```
* <ion-grid>
* <ion-row justify-content-start>
* <ion-col col-3>
* 1 of 2
* </ion-col>
* <ion-col col-3>
* 2 of 2
* </ion-col>
* </ion-row>
*
* <ion-row justify-content-center>
* <ion-col col-3>
* 1 of 2
* </ion-col>
* <ion-col col-3>
* 2 of 2
* </ion-col>
* </ion-row>
*
* <ion-row justify-content-end>
* <ion-col col-3>
* 1 of 2
* </ion-col>
* <ion-col col-3>
* 2 of 2
* </ion-col>
* </ion-row>
*
* <ion-row justify-content-around>
* <ion-col col-3>
* 1 of 2
* </ion-col>
* <ion-col col-3>
* 2 of 2
* </ion-col>
* </ion-row>
*
* <ion-row justify-content-between>
* <ion-col col-3>
* 1 of 2
* </ion-col>
* <ion-col col-3>
* 2 of 2
* </ion-col>
* </ion-row>
* </ion-grid>
* ```
*
*
* ## Customizing the grid
*
* Using our built-in grid Sass variables and maps, it’s possible to completely customize
* the predefined grid attributes. Change the number of breakpoints, the media query values,
* the number of columns, and more.
*
* ### Number of columns and padding
*
* The number of grid columns and their padding can be modified via Sass variables.
* `$grid-columns` is used to generate the widths (in percent) of each individual column.
* `$grid-padding-width` is used for the padding on the grid, while `$grid-padding-widths`
* allows breakpoint-specific widths that are divided evenly across `padding-left` and
* `padding-right` as well as `padding-top` and `padding-bottom` of the grid and columns.
*
* ```
* $grid-columns: 12 !default;
*
* $grid-padding-width: 10px !default;
*
* $grid-padding-widths: (
* xs: $grid-padding-width,
* sm: $grid-padding-width,
* md: $grid-padding-width,
* lg: $grid-padding-width,
* xl: $grid-padding-width
* ) !default;
* ```
*
* ### Grid tiers
*
* To customize the breakpoints and their values, override the values of
* `$grid-breakpoints` and `$grid-max-widths`. For example, to only use
* 3 breakpoints, the following could be written:
*
* ```
* $grid-breakpoints: (
* sm: 0,
* md: 768px,
* lg: 1024px
* );
*
* $grid-max-widths: (
* sm: 420px,
* md: 720px,
* lg: 960px
* );
* ```
*
*/
var Grid = (function () {
function Grid() {
}
return Grid;
}());
Grid.decorators = [
{ type: Directive, args: [{
selector: 'ion-grid, [ion-grid]',
host: {
'class': 'grid'
}
},] },
];
/**
* @nocollapse
*/
Grid.ctorParameters = function () { return []; };
/**
* \@name Row
* \@module ionic
* \@description
*
* Rows are horizontal components of the [grid](../Grid) system and contain varying numbers of
* [columns](../Col). They ensure the columns are positioned properly.
*
* ## Row attributes
*
* By default, columns will stretch to fill the entire height of the row and wrap when necessary.
* There are several attributes that can be added to a row to customize this behavior.
*
* | Property | Description |
* |-----------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------|
* | nowrap | Adds `flex-wrap: nowrap`. Forces the columns to a single row. |
* | wrap-reverse | Adds `flex-wrap: wrap-reverse`. The columns will wrap in reverse. |
* | align-items-start | Adds `align-items: flex-start`. All columns will be vertically aligned at the top, unless they specify their own alignment. |
* | align-items-center | Adds `align-items: center`. All columns will be vertically aligned in the center, unless they specify their own alignment. |
* | align-items-end | Adds `align-items: flex-end`. All columns will be vertically aligned at the bottom, unless they specify their own alignment. |
* | align-items-stretch | Adds `align-items: stretch`. All columns will be stretched to take up the entire height of the row, unless they specify their own alignment. |
* | align-items-baseline | Adds `align-items: baseline`. All columns will be vertically aligned at their baselines, unless they specify their own alignment. |
* | justify-content-start | Adds `justify-content: start`. All columns will be horizontally aligned at the start. |
* | justify-content-center | Adds `justify-content: center`. All columns will be horizontally aligned at the center. |
* | justify-content-end | Adds `justify-content: end`. All columns will be horizontally aligned at the end. |
* | justify-content-around | Adds `justify-content: space-around`. All columns will be horizontally aligned with equal space around them. |
* | justify-content-between | Adds `justify-content: space-between`. All columns will be horizontally aligned with a half-size space on either end. |
*
*
*/
var Row = (function () {
function Row() {
}
return Row;
}());
Row.decorators = [
{ type: Directive, args: [{
selector: 'ion-row, [ion-row]',
host: {
'class': 'row'
}
},] },
];
/**
* @nocollapse
*/
Row.ctorParameters = function () { return []; };
/**
* \@name Col
* \@module ionic
* \@description
*
* Columns are cellular components of the [grid](../Grid) system and go inside of a [row](../Row).
* They will expand to fill their row. All content within a grid should go inside of a column.
*
* ## Column attributes
*
* By default, columns will stretch to fill the entire height of the row.
* There are several attributes that can be added to a column to customize this behavior.
*
* | Property | Description |
* |-----------------------|-------------------------------------------------------------------------------------------------------------|
* | align-self-start | Adds `align-self: flex-start`. The column will be vertically aligned at the top. |
* | align-self-center | Adds `align-self: center`. The column will be vertically aligned in the center. |
* | align-self-end | Adds `align-self: flex-end`. The column will be vertically aligned at the bottom. |
* | align-self-stretch | Adds `align-self: stretch`. The column will be stretched to take up the entire height of the row. |
* | align-self-baseline | Adds `align-self: baseline`. The column will be vertically aligned at its baseline. |
*
*
*/
var Col = (function () {
function Col() {
}
return Col;
}());
Col.decorators = [
{ type: Directive, args: [{
selector: 'ion-col, [ion-col]',
host: {
'class': 'col'
}
},] },
];
/**
* @nocollapse
*/
Col.ctorParameters = function () { return []; };
/**
* @hidden
*/
var GridModule = (function () {
function GridModule() {
}
/**
* @return {?}
*/
GridModule.forRoot = function () {
return {
ngModule: GridModule, providers: []
};
};
return GridModule;
}());
GridModule.decorators = [
{ type: NgModule, args: [{
declarations: [
Grid,
Row,
Col
],
exports: [
Grid,
Row,
Col
]
},] },
];
/**
* @nocollapse
*/
GridModule.ctorParameters = function () { return []; };
/**
* \@name Img
* \@description
* Two of the biggest cuprits of scroll jank is starting up a new HTTP
* request, and rendering images. These two reasons is largely why
* `ion-img` was created. The standard HTML `img` element is often a large
* source of these problems, and what makes matters worse is that the app
* does not have fine-grained control of requests and rendering for each
* `img` element.
*
* The `ion-img` component is similar to the standard `img` element,
* but it also adds features in order to provide improved performance.
* Features include only loading images which are visible, using web workers
* for HTTP requests, preventing jank while scrolling and in-memory caching.
*
* Note that `ion-img` also comes with a few more restrictions in comparison
* to the standard `img` element. A good rule is, if there are only a few
* images to be rendered on a page, then the standard `img` is probably
* best. However, if a page has the potential for hundreds or even thousands
* of images within a scrollable area, then `ion-img` would be better suited
* for the job.
*
* > Note: `ion-img` is only meant to be used inside of [virtual-scroll](/docs/api/components/virtual-scroll/VirtualScroll/)
*
*
* ### Lazy Loading
*
* Lazy loading images refers to only loading images which are actually
* visible within the user's viewport. This also means that images which are
* not viewable on the initial load would not be downloaded or rendered. Next,
* as the user scrolls, each image which becomes visible is then requested
* then rendered on-demand.
*
* The benefits of this approach is that unnecessary and resource intensive
* HTTP requests are not started, valuable bandwidth isn't wasted, and this
* allows the browser to free up resources which would be wasted on images
* which are not even viewable. For example, animated GIFs are enourmous
* performance drains, however, with `ion-img` the app is able to dedicate
* resources to just the viewable images. But again, if the problems listed
* above are not problems within your app, then the standard `img` element
* may be best.
*
*
* ### Image Dimensions
*
* By providing image dimensions up front, Ionic is able to accurately size
* up the image's location within the viewport, which helps lazy load only
* images which are viewable. Image dimensions can either by set as
* properties, inline styles, or external stylesheets. It doesn't matter
* which method of setting dimensions is used, but it's important that somehow
* each `ion-img` has been given an exact size.
*
* For example, by default `<ion-avatar>` and `<ion-thumbnail>` already come
* with exact sizes when placed within an `<ion-item>`. By giving each image
* an exact size, this then further locks in the size of each `ion-item`,
* which again helps improve scroll performance.
*
* ```html
* <!-- dimensions set using attributes -->
* <ion-img width="80" height="80" src="..."></ion-img>
*
* <!-- dimensions set using input properties -->
* <ion-img [width]="imgWidth" [height]="imgHeight" src="..."></ion-img>
*
* <!-- dimensions set using inline styles -->
* <ion-img style="width: 80px; height: 80px;" src="..."></ion-img>
* ```
*
* Additionally, each `ion-img` uses the `object-fit: cover` CSS property.
* What this means is that the actual rendered image will center itself within
* it's container. Or to really get detailed: The image is sized to maintain
* its aspect ratio while filling the containing element’s entire content box.
* Its concrete object size is resolved as a cover constraint against the
* element’s used width and height.
*
* ### Future Optimizations
*
* Future goals are to place image requests within web workers, and cache
* images in-memory as datauris. This method has proven to be effective,
* however there are some current limitations with Cordova which we are
* currently working on.
*
*/
var Img = (function () {
/**
* @param {?} _elementRef
* @param {?} _renderer
* @param {?} _plt
* @param {?} _zone
* @param {?} _content
* @param {?} _dom
*/
function Img(_elementRef, _renderer, _plt, _zone, _content, _dom) {
this._elementRef = _elementRef;
this._renderer = _renderer;
this._plt = _plt;
this._zone = _zone;
this._content = _content;
this._dom = _dom;
/**
* \@internal
*/
this._cache = true;
/**
* \@internal
*/
this._w = '';
/**
* \@internal
*/
this._h = '';
/**
* \@internal
*/
this._wQ = '';
/**
* \@internal
*/
this._hQ = '';
/**
* \@input {string} Set the `alt` attribute which gets assigned to
* the inner `img` element.
*/
this.alt = '';
if (!this._content) {
console.warn("ion-img can only be used within an ion-content");
}
else {
this._content.addImg(this);
}
this._isLoaded(false);
}
Object.defineProperty(Img.prototype, "src", {
/**
* \@input {string} The source of the image.
* @return {?}
*/
get: function () {
return this._src;
},
/**
* @param {?} newSrc
* @return {?}
*/
set: function (newSrc) {
// if the source hasn't changed, then um, let's not change it
if (newSrc !== this._src) {
// we're changing the source
// so abort any active http requests
// and render the image empty
this.reset();
// update to the new src
this._src = newSrc;
if (newSrc.indexOf('data:') === 0) {
// they're using an actual datauri already
this._hasLoaded = true;
}
else {
// reset any existing datauri we might be holding onto
this._hasLoaded = false;
}
// run update to kick off requests or render if everything is good
this.update();
}
},
enumerable: true,
configurable: true
});
/**
* @hidden
* @return {?}
*/
Img.prototype.reset = function () {
if (this._requestingSrc) {
// abort any active requests
(void 0) /* console.debug */;
this._srcAttr('');
this._requestingSrc = null;
}
if (this._renderedSrc) {
// clear out the currently rendered img
(void 0) /* console.debug */;
this._renderedSrc = null;
this._isLoaded(false);
}
};
/**
* @hidden
* @return {?}
*/
Img.prototype.update = function () {
var _this = this;
// only attempt an update if there is an active src
// and the content containing the image considers it updatable
if (this._src && this._content.isImgsUpdatable()) {
if (this.canRequest && (this._src !== this._renderedSrc && this._src !== this._requestingSrc) && !this._hasLoaded) {
// only begin the request if we "can" request
// begin the image request if the src is different from the rendered src
// and if we don't already has a tmpDataUri
(void 0) /* console.debug */;
this._requestingSrc = this._src;
this._isLoaded(false);
this._srcAttr(this._src);
// set the dimensions of the image if we do have different data
this._setDims();
}
if (this.canRender && this._hasLoaded && this._src !== this._renderedSrc) {
// we can render and we have a datauri to render
this._renderedSrc = this._src;
this._setDims();
this._dom.write(function () {
if (_this._hasLoaded) {
(void 0) /* console.debug */;
_this._isLoaded(true);
_this._srcAttr(_this._src);
}
});
}
}
};
/**
* \@internal
* @param {?} isLoaded
* @return {?}
*/
Img.prototype._isLoaded = function (isLoaded) {
var /** @type {?} */ renderer = this._renderer;
var /** @type {?} */ ele = this._elementRef.nativeElement;
renderer.setElementClass(ele, 'img-loaded', isLoaded);
renderer.setElementClass(ele, 'img-unloaded', !isLoaded);
};
/**
* \@internal
* @param {?} srcAttr
* @return {?}
*/
Img.prototype._srcAttr = function (srcAttr) {
var /** @type {?} */ imgEle = this._img;
var /** @type {?} */ renderer = this._renderer;
if (imgEle && imgEle.src !== srcAttr) {
renderer.setElementAttribute(this._img, 'src', srcAttr);
renderer.setElementAttribute(this._img, 'alt', this.alt);
}
};
Object.defineProperty(Img.prototype, "top", {
/**
* @hidden
* @return {?}
*/
get: function () {
var /** @type {?} */ bounds = this._getBounds();
return bounds && bounds.top || 0;
},
enumerable: true,
configurable: true
});
Object.defineProperty(Img.prototype, "bottom", {
/**
* @hidden
* @return {?}
*/
get: function () {
var /** @type {?} */ bounds = this._getBounds();
return bounds && bounds.bottom || 0;
},
enumerable: true,
configurable: true
});
/**
* @return {?}
*/
Img.prototype._getBounds = function () {
if (this._bounds) {
// we've been manually passed bounds data
// this is probably from Virtual Scroll items
return this._bounds;
}
if (!this._rect) {
// we don't have bounds from virtual scroll
// so let's do the raw DOM lookup w/ getBoundingClientRect
this._rect = ((this._elementRef.nativeElement)).getBoundingClientRect();
(void 0) /* console.debug */;
}
return this._rect;
};
Object.defineProperty(Img.prototype, "bounds", {
/**
* \@input {any} Sets the bounding rectangle of the element relative to the viewport.
* When using `VirtualScroll`, each virtual item should pass its bounds to each
* `ion-img`. The passed in data object should include `top` and `bottom` properties.
* @param {?} b
* @return {?}
*/
set: function (b) {
if (isPresent$1(b)) {
this._bounds = b;
}
},
enumerable: true,
configurable: true
});
Object.defineProperty(Img.prototype, "cache", {
/**
* \@input {boolean} After an image has been successfully downloaded, it can be cached
* in-memory. This is useful for `VirtualScroll` by allowing image responses to be
* cached, and not rendered, until after scrolling has completed, which allows for
* smoother scrolling.
* @return {?}
*/
get: function () {
return this._cache;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._cache = isTrueProperty(val);
},
enumerable: true,
configurable: true
});
Object.defineProperty(Img.prototype, "width", {
/**
* \@input {string} Image width. If this property is not set it's important that
* the dimensions are still set using CSS. If the dimension is just a number it
* will assume the `px` unit.
* @param {?} val
* @return {?}
*/
set: function (val) {
this._wQ = getUnitValue(val);
this._setDims();
},
enumerable: true,
configurable: true
});
Object.defineProperty(Img.prototype, "height", {
/**
* \@input {string} Image height. If this property is not set it's important that
* the dimensions are still set using CSS. If the dimension is just a number it
* will assume the `px` unit.
* @param {?} val
* @return {?}
*/
set: function (val) {
this._hQ = getUnitValue(val);
this._setDims();
},
enumerable: true,
configurable: true
});
/**
* @return {?}
*/
Img.prototype._setDims = function () {
var _this = this;
// only set the dimensions if we can render
// and only if the dimensions have changed from when we last set it
if (this.canRender && (this._w !== this._wQ || this._h !== this._hQ)) {
var /** @type {?} */ wrapperEle = this._elementRef.nativeElement;
var /** @type {?} */ renderer = this._renderer;
this._dom.write(function () {
if (_this._w !== _this._wQ) {
_this._w = _this._wQ;
renderer.setElementStyle(wrapperEle, 'width', _this._w);
}
if (_this._h !== _this._hQ) {
_this._h = _this._hQ;
renderer.setElementStyle(wrapperEle, 'height', _this._h);
}
});
}
};
/**
* @hidden
* @return {?}
*/
Img.prototype.ngAfterContentInit = function () {
var _this = this;
this._img = this._elementRef.nativeElement.firstChild;
this._unreg = this._plt.registerListener(this._img, 'load', function () {
_this._hasLoaded = true;
_this.update();
}, { passive: true });
};
/**
* @hidden
* @return {?}
*/
Img.prototype.ngOnDestroy = function () {
this._unreg && this._unreg();
this._content && this._content.removeImg(this);
};
return Img;
}());
Img.decorators = [
{ type: Component, args: [{
selector: 'ion-img',
template: '<img>',
changeDetection: ChangeDetectionStrategy.OnPush,
encapsulation: ViewEncapsulation.None,
},] },
];
/**
* @nocollapse
*/
Img.ctorParameters = function () { return [
{ type: ElementRef, },
{ type: Renderer, },
{ type: Platform, },
{ type: NgZone, },
{ type: Content, decorators: [{ type: Optional },] },
{ type: DomController, },
]; };
Img.propDecorators = {
'src': [{ type: Input },],
'bounds': [{ type: Input },],
'cache': [{ type: Input },],
'width': [{ type: Input },],
'height': [{ type: Input },],
'alt': [{ type: Input },],
};
/**
* @param {?} val
* @return {?}
*/
function getUnitValue(val) {
if (isPresent$1(val)) {
if (typeof val === 'string') {
if (val.indexOf('%') > -1 || val.indexOf('px') > -1) {
return val;
}
if (val.length) {
return val + 'px';
}
}
else if (typeof val === 'number') {
return val + 'px';
}
}
return '';
}
/**
* @hidden
*/
var ImgModule = (function () {
function ImgModule() {
}
/**
* @return {?}
*/
ImgModule.forRoot = function () {
return {
ngModule: ImgModule, providers: []
};
};
return ImgModule;
}());
ImgModule.decorators = [
{ type: NgModule, args: [{
declarations: [
Img
],
exports: [
Img
]
},] },
];
/**
* @nocollapse
*/
ImgModule.ctorParameters = function () { return []; };
/**
* \@name InfiniteScroll
* \@description
* The Infinite Scroll allows you to perform an action when the user
* scrolls a specified distance from the bottom or top of the page.
*
* The expression assigned to the `infinite` event is called when
* the user scrolls to the specified distance. When this expression
* has finished its tasks, it should call the `complete()` method
* on the infinite scroll instance.
*
* \@usage
* ```html
* <ion-content>
*
* <ion-list>
* <ion-item *ngFor="let i of items">{% raw %}{{i}}{% endraw %}</ion-item>
* </ion-list>
*
* <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
* <ion-infinite-scroll-content></ion-infinite-scroll-content>
* </ion-infinite-scroll>
*
* </ion-content>
* ```
*
* ```ts
* \@Component({...})
* export class NewsFeedPage {
* items = [];
*
* constructor() {
* for (let i = 0; i < 30; i++) {
* this.items.push( this.items.length );
* }
* }
*
* doInfinite(infiniteScroll) {
* console.log('Begin async operation');
*
* setTimeout(() => {
* for (let i = 0; i < 30; i++) {
* this.items.push( this.items.length );
* }
*
* console.log('Async operation has ended');
* infiniteScroll.complete();
* }, 500);
* }
*
* }
* ```
*
* ## `waitFor` method of InfiniteScroll
*
* In case if your async operation returns promise you can utilize
* `waitFor` method inside your template.
*
* ```html
* <ion-content>
*
* <ion-list>
* <ion-item *ngFor="let item of items">{{item}}</ion-item>
* </ion-list>
*
* <ion-infinite-scroll (ionInfinite)="$event.waitFor(doInfinite())">
* <ion-infinite-scroll-content></ion-infinite-scroll-content>
* </ion-infinite-scroll>
*
* </ion-content>
* ```
*
* ```ts
* \@Component({...})
* export class NewsFeedPage {
* items = [];
*
* constructor() {
* for (var i = 0; i < 30; i++) {
* this.items.push( this.items.length );
* }
* }
*
* doInfinite(): Promise<any> {
* console.log('Begin async operation');
*
* return new Promise((resolve) => {
* setTimeout(() => {
* for (var i = 0; i < 30; i++) {
* this.items.push( this.items.length );
* }
*
* console.log('Async operation has ended');
* resolve();
* }, 500);
* })
* }
* }
* ```
*
* ## Infinite Scroll Content
*
* By default, Ionic uses the infinite scroll spinner that looks
* best for the platform the user is on. However, you can change the
* default spinner or add text by adding properties to the
* `ion-infinite-scroll-content` component.
*
* ```html
* <ion-content>
*
* <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
* <ion-infinite-scroll-content
* loadingSpinner="bubbles"
* loadingText="Loading more data...">
* </ion-infinite-scroll-content>
* </ion-infinite-scroll>
*
* </ion-content>
* ```
*
*
* ## Further Customizing Infinite Scroll Content
*
* The `ion-infinite-scroll` component holds the infinite scroll logic.
* It requires a child component in order to display the content.
* Ionic uses `ion-infinite-scroll-content` by default. This component
* displays the infinite scroll and changes the look depending
* on the infinite scroll's state. Separating these components allows
* developers to create their own infinite scroll content components.
* You could replace our default content with custom SVG or CSS animations.
*
* \@demo /docs/demos/src/infinite-scroll/
*
*/
var InfiniteScroll = (function () {
/**
* @param {?} _content
* @param {?} _zone
* @param {?} _elementRef
* @param {?} _dom
*/
function InfiniteScroll(_content, _zone, _elementRef, _dom) {
this._content = _content;
this._zone = _zone;
this._elementRef = _elementRef;
this._dom = _dom;
this._lastCheck = 0;
this._highestY = 0;
this._thr = '15%';
this._thrPx = 0;
this._thrPc = 0.15;
this._position = POSITION_BOTTOM;
this._init = false;
/**
* \@internal
*/
this.state = STATE_ENABLED;
/**
* \@output {event} Emitted when the scroll reaches
* the threshold distance. From within your infinite handler,
* you must call the infinite scroll's `complete()` method when
* your async operation has completed.
*/
this.ionInfinite = new EventEmitter();
_content.setElementClass('has-infinite-scroll', true);
}
Object.defineProperty(InfiniteScroll.prototype, "threshold", {
/**
* \@input {string} The threshold distance from the bottom
* of the content to call the `infinite` output event when scrolled.
* The threshold value can be either a percent, or
* in pixels. For example, use the value of `10%` for the `infinite`
* output event to get called when the user has scrolled 10%
* from the bottom of the page. Use the value `100px` when the
* scroll is within 100 pixels from the bottom of the page.
* Default is `15%`.
* @return {?}
*/
get: function () {
return this._thr;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._thr = val;
if (val.indexOf('%') > -1) {
this._thrPx = 0;
this._thrPc = (parseFloat(val) / 100);
}
else {
this._thrPx = parseFloat(val);
this._thrPc = 0;
}
},
enumerable: true,
configurable: true
});
Object.defineProperty(InfiniteScroll.prototype, "enabled", {
/**
* \@input {boolean} If true, Whether or not the infinite scroll should be
* enabled or not. Setting to `false` will remove scroll event listeners
* and hide the display.
* @param {?} shouldEnable
* @return {?}
*/
set: function (shouldEnable) {
this.enable(shouldEnable);
},
enumerable: true,
configurable: true
});
Object.defineProperty(InfiniteScroll.prototype, "position", {
/**
* \@input {string} The position of the infinite scroll element.
* The value can be either `top` or `bottom`.
* Default is `bottom`.
* @return {?}
*/
get: function () {
return this._position;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
if (val === POSITION_TOP || val === POSITION_BOTTOM) {
this._position = val;
}
else {
console.error("Invalid value for ion-infinite-scroll's position input. Its value should be '" + POSITION_BOTTOM + "' or '" + POSITION_TOP + "'.");
}
},
enumerable: true,
configurable: true
});
/**
* @param {?} ev
* @return {?}
*/
InfiniteScroll.prototype._onScroll = function (ev) {
var _this = this;
if (this.state === STATE_LOADING || this.state === STATE_DISABLED) {
return 1;
}
if (this._lastCheck + 32 > ev.timeStamp) {
// no need to check less than every XXms
return 2;
}
this._lastCheck = ev.timeStamp;
// ******** DOM READ ****************
var /** @type {?} */ infiniteHeight = this._elementRef.nativeElement.scrollHeight;
if (!infiniteHeight) {
// if there is no height of this element then do nothing
return 3;
}
// ******** DOM READ ****************
var /** @type {?} */ d = this._content.getContentDimensions();
var /** @type {?} */ height = d.contentHeight;
var /** @type {?} */ threshold = this._thrPc ? (height * this._thrPc) : this._thrPx;
// ******** DOM READS ABOVE / DOM WRITES BELOW ****************
var /** @type {?} */ distanceFromInfinite;
if (this._position === POSITION_BOTTOM) {
distanceFromInfinite = d.scrollHeight - infiniteHeight - d.scrollTop - height - threshold;
}
else {
(void 0) /* assert */;
distanceFromInfinite = d.scrollTop - infiniteHeight - threshold;
}
if (distanceFromInfinite < 0) {
// ******** DOM WRITE ****************
this._dom.write(function () {
_this._zone.run(function () {
if (_this.state !== STATE_LOADING && _this.state !== STATE_DISABLED) {
_this.state = STATE_LOADING;
_this.ionInfinite.emit(_this);
}
});
});
return 5;
}
return 6;
};
/**
* Call `complete()` within the `infinite` output event handler when
* your async operation has completed. For example, the `loading`
* state is while the app is performing an asynchronous operation,
* such as receiving more data from an AJAX request to add more items
* to a data list. Once the data has been received and UI updated, you
* then call this method to signify that the loading has completed.
* This method will change the infinite scroll's state from `loading`
* to `enabled`.
* @return {?}
*/
InfiniteScroll.prototype.complete = function () {
var _this = this;
if (this.state !== STATE_LOADING) {
return;
}
if (this._position === POSITION_BOTTOM) {
this.state = STATE_ENABLED;
return;
}
(void 0) /* assert */;
/* New content is being added at the top, but the scrollTop position stays the same,
which causes a scroll jump visually. This algorithm makes sure to prevent this.
(Frame 1)
complete() is called, but the UI hasn't had time to update yet.
Save the current content dimensions.
Wait for the next frame using _dom.read, so the UI will be updated.
(Frame 2)
Read the new content dimensions.
Calculate the height difference and the new scroll position.
Delay the scroll position change until other possible dom reads are done using _dom.write to be performant.
(Still frame 2, if I'm correct)
Change the scroll position (= visually maintain the scroll position).
Change the state to re-enable the InfiniteScroll. This should be after changing the scroll position, or it could cause the InfiniteScroll to be triggered again immediately.
(Frame 3)
Done.
*/
// ******** DOM READ ****************
// Save the current content dimensions before the UI updates
var /** @type {?} */ prevDim = this._content.getContentDimensions();
// ******** DOM READ ****************
this._dom.read(function () {
// UI has updated, save the new content dimensions
var /** @type {?} */ newDim = _this._content.getContentDimensions();
// New content was added on top, so the scroll position should be changed immediately to prevent it from jumping around
var /** @type {?} */ newScrollTop = newDim.scrollHeight - (prevDim.scrollHeight - prevDim.scrollTop);
// ******** DOM WRITE ****************
_this._dom.write(function () {
_this._content.scrollTop = newScrollTop;
_this.state = STATE_ENABLED;
});
});
};
/**
* Pass a promise inside `waitFor()` within the `infinite` output event handler in order to
* change state of infiniteScroll to "complete"
* @param {?} action
* @return {?}
*/
InfiniteScroll.prototype.waitFor = function (action) {
var /** @type {?} */ enable = this.complete.bind(this);
action.then(enable, enable);
};
/**
* Call `enable(false)` to disable the infinite scroll from actively
* trying to receive new data while scrolling. This method is useful
* when it is known that there is no more data that can be added, and
* the infinite scroll is no longer needed.
* enabled or not. Setting to `false` will remove scroll event listeners
* and hide the display.
* @param {?} shouldEnable
* @return {?}
*/
InfiniteScroll.prototype.enable = function (shouldEnable) {
this.state = (shouldEnable ? STATE_ENABLED : STATE_DISABLED);
this._setListeners(shouldEnable);
};
/**
* @hidden
* @param {?} shouldListen
* @return {?}
*/
InfiniteScroll.prototype._setListeners = function (shouldListen) {
if (this._init) {
if (shouldListen) {
if (!this._scLsn) {
this._scLsn = this._content.ionScroll.subscribe(this._onScroll.bind(this));
}
}
else {
this._scLsn && this._scLsn.unsubscribe();
this._scLsn = null;
}
}
};
/**
* @hidden
* @return {?}
*/
InfiniteScroll.prototype.ngAfterContentInit = function () {
this._init = true;
this._setListeners(this.state !== STATE_DISABLED);
if (this._position === POSITION_TOP) {
this._content.scrollDownOnLoad = true;
}
};
/**
* @hidden
* @return {?}
*/
InfiniteScroll.prototype.ngOnDestroy = function () {
this._setListeners(false);
};
return InfiniteScroll;
}());
InfiniteScroll.decorators = [
{ type: Directive, args: [{
selector: 'ion-infinite-scroll'
},] },
];
/**
* @nocollapse
*/
InfiniteScroll.ctorParameters = function () { return [
{ type: Content, },
{ type: NgZone, },
{ type: ElementRef, },
{ type: DomController, },
]; };
InfiniteScroll.propDecorators = {
'threshold': [{ type: Input },],
'enabled': [{ type: Input },],
'position': [{ type: Input },],
'ionInfinite': [{ type: Output },],
};
var STATE_ENABLED = 'enabled';
var STATE_DISABLED = 'disabled';
var STATE_LOADING = 'loading';
var POSITION_TOP = 'top';
var POSITION_BOTTOM = 'bottom';
/**
* @hidden
*/
var InfiniteScrollContent = (function () {
/**
* @param {?} inf
* @param {?} _config
*/
function InfiniteScrollContent(inf, _config) {
this.inf = inf;
this._config = _config;
}
/**
* @hidden
* @return {?}
*/
InfiniteScrollContent.prototype.ngOnInit = function () {
if (!this.loadingSpinner) {
this.loadingSpinner = this._config.get('infiniteLoadingSpinner', this._config.get('spinner', 'ios'));
}
};
return InfiniteScrollContent;
}());
InfiniteScrollContent.decorators = [
{ type: Component, args: [{
selector: 'ion-infinite-scroll-content',
template: '<div class="infinite-loading">' +
'<div class="infinite-loading-spinner" *ngIf="loadingSpinner">' +
'<ion-spinner [name]="loadingSpinner"></ion-spinner>' +
'</div>' +
'<div class="infinite-loading-text" [innerHTML]="loadingText" *ngIf="loadingText"></div>' +
'</div>',
host: {
'[attr.state]': 'inf.state'
},
encapsulation: ViewEncapsulation.None,
},] },
];
/**
* @nocollapse
*/
InfiniteScrollContent.ctorParameters = function () { return [
{ type: InfiniteScroll, },
{ type: Config, },
]; };
InfiniteScrollContent.propDecorators = {
'loadingSpinner': [{ type: Input },],
'loadingText': [{ type: Input },],
};
var __extends$62 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* \@name Spinner
* \@description
* The `ion-spinner` component provides a variety of animated SVG spinners.
* Spinners enables you to give users feedback that the app is actively
* processing/thinking/waiting/chillin’ out, or whatever you’d like it to indicate.
* By default, the `ion-refresher` feature uses this spinner component while it's
* the refresher is in the `refreshing` state.
*
* Ionic offers a handful of spinners out of the box, and by default, it will use
* the appropriate spinner for the platform on which it’s running.
*
* <table class="table spinner-table">
* <tr>
* <th>
* <code>ios</code>
* </th>
* <td>
* <ion-spinner name="ios"></ion-spinner>
* </td>
* </tr>
* <tr>
* <th>
* <code>ios-small</code>
* </th>
* <td>
* <ion-spinner name="ios-small"></ion-spinner>
* </td>
* </tr>
* <tr>
* <th>
* <code>bubbles</code>
* </th>
* <td>
* <ion-spinner name="bubbles"></ion-spinner>
* </td>
* </tr>
* <tr>
* <th>
* <code>circles</code>
* </th>
* <td>
* <ion-spinner name="circles"></ion-spinner>
* </td>
* </tr>
* <tr>
* <th>
* <code>crescent</code>
* </th>
* <td>
* <ion-spinner name="crescent"></ion-spinner>
* </td>
* </tr>
* <tr>
* <th>
* <code>dots</code>
* </th>
* <td>
* <ion-spinner name="dots"></ion-spinner>
* </td>
* </tr>
* </table>
*
* \@usage
* The following code would use the default spinner for the platform it's
* running from. If it's neither iOS or Android, it'll default to use `ios`.
*
* ```html
* <ion-spinner></ion-spinner>
* ```
*
* By setting the `name` property, you can specify which predefined spinner to
* use, no matter what the platform is.
*
* ```html
* <ion-spinner name="bubbles"></ion-spinner>
* ```
*
* ## Styling SVG with CSS
* One cool thing about SVG is its ability to be styled with CSS! One thing to note
* is that some of the CSS properties on an SVG element have different names. For
* example, SVG uses the term `stroke` instead of `border`, and `fill` instead
* of `background-color`.
*
* ```css
* ion-spinner * {
* width: 28px;
* height: 28px;
* stroke: #444;
* fill: #222;
* }
* ```
*/
var Spinner = (function (_super) {
__extends$62(Spinner, _super);
/**
* @param {?} config
* @param {?} elementRef
* @param {?} renderer
*/
function Spinner(config, elementRef, renderer) {
var _this = _super.call(this, config, elementRef, renderer, 'spinner') || this;
_this._dur = null;
_this._paused = false;
return _this;
}
Object.defineProperty(Spinner.prototype, "name", {
/**
* \@input {string} SVG spinner name.
* @return {?}
*/
get: function () {
return this._name;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._name = val;
this.load();
},
enumerable: true,
configurable: true
});
Object.defineProperty(Spinner.prototype, "duration", {
/**
* \@input {string} How long it takes it to do one loop.
* @return {?}
*/
get: function () {
return this._dur;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._dur = val;
this.load();
},
enumerable: true,
configurable: true
});
Object.defineProperty(Spinner.prototype, "paused", {
/**
* \@input {boolean} If true, pause the animation.
* @return {?}
*/
get: function () {
return this._paused;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._paused = isTrueProperty(val);
},
enumerable: true,
configurable: true
});
/**
* @hidden
* @return {?}
*/
Spinner.prototype.ngOnInit = function () {
this._init = true;
this.load();
};
/**
* @hidden
* @return {?}
*/
Spinner.prototype.load = function () {
if (this._init) {
this._l = [];
this._c = [];
var /** @type {?} */ name = this._name || this._config.get('spinner', 'ios');
var /** @type {?} */ spinner = SPINNERS[name];
if (spinner) {
if (spinner.lines) {
for (var /** @type {?} */ i = 0, /** @type {?} */ l = spinner.lines; i < l; i++) {
this._l.push(this._loadEle(spinner, i, l));
}
}
else if (spinner.circles) {
for (var /** @type {?} */ i = 0, /** @type {?} */ l = spinner.circles; i < l; i++) {
this._c.push(this._loadEle(spinner, i, l));
}
}
this.setElementClass("spinner-" + name, true);
this.setElementClass("spinner-" + this._mode + "-" + name, true);
}
}
};
/**
* @param {?} spinner
* @param {?} index
* @param {?} total
* @return {?}
*/
Spinner.prototype._loadEle = function (spinner, index, total) {
var /** @type {?} */ duration = this._dur || spinner.dur;
var /** @type {?} */ data = spinner.fn(duration, index, total);
data.style.animationDuration = duration + 'ms';
return data;
};
return Spinner;
}(Ion));
Spinner.decorators = [
{ type: Component, args: [{
selector: 'ion-spinner',
template: '<svg viewBox="0 0 64 64" *ngFor="let i of _c" [ngStyle]="i.style">' +
'<circle [attr.r]="i.r" transform="translate(32,32)"></circle>' +
'</svg>' +
'<svg viewBox="0 0 64 64" *ngFor="let i of _l" [ngStyle]="i.style">' +
'<line [attr.y1]="i.y1" [attr.y2]="i.y2" transform="translate(32,32)"></line>' +
'</svg>',
host: {
'[class.spinner-paused]': '_paused'
},
changeDetection: ChangeDetectionStrategy.OnPush,
encapsulation: ViewEncapsulation.None,
},] },
];
/**
* @nocollapse
*/
Spinner.ctorParameters = function () { return [
{ type: Config, },
{ type: ElementRef, },
{ type: Renderer, },
]; };
Spinner.propDecorators = {
'name': [{ type: Input },],
'duration': [{ type: Input },],
'paused': [{ type: Input },],
};
var SPINNERS = {
ios: {
dur: 1000,
lines: 12,
fn: function (dur, index, total) {
var /** @type {?} */ transform = 'rotate(' + (30 * index + (index < 6 ? 180 : -180)) + 'deg)';
var /** @type {?} */ animationDelay = -(dur - ((dur / total) * index)) + 'ms';
return {
y1: 17,
y2: 29,
style: {
transform: transform,
webkitTransform: transform,
animationDelay: animationDelay,
webkitAnimationDelay: animationDelay
}
};
}
},
'ios-small': {
dur: 1000,
lines: 12,
fn: function (dur, index, total) {
var /** @type {?} */ transform = 'rotate(' + (30 * index + (index < 6 ? 180 : -180)) + 'deg)';
var /** @type {?} */ animationDelay = -(dur - ((dur / total) * index)) + 'ms';
return {
y1: 12,
y2: 20,
style: {
transform: transform,
webkitTransform: transform,
animationDelay: animationDelay,
webkitAnimationDelay: animationDelay
}
};
}
},
bubbles: {
dur: 1000,
circles: 9,
fn: function (dur, index, total) {
var /** @type {?} */ animationDelay = -(dur - ((dur / total) * index)) + 'ms';
return {
r: 5,
style: {
top: (9 * Math.sin(2 * Math.PI * index / total)) + 'px',
left: (9 * Math.cos(2 * Math.PI * index / total)) + 'px',
animationDelay: animationDelay,
webkitAnimationDelay: animationDelay
}
};
}
},
circles: {
dur: 1000,
circles: 8,
fn: function (dur, index, total) {
var /** @type {?} */ animationDelay = -(dur - ((dur / total) * index)) + 'ms';
return {
r: 5,
style: {
top: (9 * Math.sin(2 * Math.PI * index / total)) + 'px',
left: (9 * Math.cos(2 * Math.PI * index / total)) + 'px',
animationDelay: animationDelay,
webkitAnimationDelay: animationDelay
}
};
}
},
crescent: {
dur: 750,
circles: 1,
fn: function (dur) {
return {
r: 26,
style: {}
};
}
},
dots: {
dur: 750,
circles: 3,
fn: function (dur, index, total) {
var /** @type {?} */ animationDelay = -(110 * index) + 'ms';
return {
r: 6,
style: {
left: (9 - (9 * index)) + 'px',
animationDelay: animationDelay,
webkitAnimationDelay: animationDelay
}
};
}
}
};
/**
* @hidden
*/
var SpinnerModule = (function () {
function SpinnerModule() {
}
/**
* @return {?}
*/
SpinnerModule.forRoot = function () {
return {
ngModule: SpinnerModule, providers: []
};
};
return SpinnerModule;
}());
SpinnerModule.decorators = [
{ type: NgModule, args: [{
imports: [
CommonModule
],
declarations: [
Spinner
],
exports: [
Spinner
]
},] },
];
/**
* @nocollapse
*/
SpinnerModule.ctorParameters = function () { return []; };
/**
* @hidden
*/
var InfiniteScrollModule = (function () {
function InfiniteScrollModule() {
}
/**
* @return {?}
*/
InfiniteScrollModule.forRoot = function () {
return {
ngModule: InfiniteScrollModule, providers: []
};
};
return InfiniteScrollModule;
}());
InfiniteScrollModule.decorators = [
{ type: NgModule, args: [{
imports: [
CommonModule,
SpinnerModule
],
declarations: [
InfiniteScroll,
InfiniteScrollContent
],
exports: [
InfiniteScroll,
InfiniteScrollContent
]
},] },
];
/**
* @nocollapse
*/
InfiniteScrollModule.ctorParameters = function () { return []; };
/**
* @hidden
*/
var NativeInput = (function () {
/**
* @param {?} _elementRef
* @param {?} _renderer
* @param {?} config
* @param {?} _plt
* @param {?} ngControl
*/
function NativeInput(_elementRef, _renderer, config, _plt, ngControl) {
this._elementRef = _elementRef;
this._renderer = _renderer;
this._plt = _plt;
this.ngControl = ngControl;
this.focusChange = new EventEmitter();
this.valueChange = new EventEmitter();
this.keydown = new EventEmitter();
this._clone = config.getBoolean('inputCloning', false);
this._blurring = config.getBoolean('inputBlurring', false);
}
/**
* @param {?} ev
* @return {?}
*/
NativeInput.prototype._change = function (ev) {
this.valueChange.emit(ev.target.value);
};
/**
* @param {?} ev
* @return {?}
*/
NativeInput.prototype._keyDown = function (ev) {
if (ev) {
ev.target && this.keydown.emit(ev.target.value);
}
};
/**
* @return {?}
*/
NativeInput.prototype._focus = function () {
var /** @type {?} */ self = this;
self.focusChange.emit(true);
if (self._blurring) {
// automatically blur input if:
// 1) this input has focus
// 2) the newly tapped document element is not an input
(void 0) /* console.debug */;
var /** @type {?} */ unregTouchEnd = this._plt.registerListener(this._plt.doc(), 'touchend', function (ev) {
var /** @type {?} */ tapped = (ev.target);
if (tapped && self.element()) {
if (tapped.tagName !== 'INPUT' && tapped.tagName !== 'TEXTAREA' && !tapped.classList.contains('input-cover')) {
self.element().blur();
}
}
}, {
capture: true,
zone: false
});
self._unrefBlur = function () {
(void 0) /* console.debug */;
unregTouchEnd();
};
}
};
/**
* @return {?}
*/
NativeInput.prototype._blur = function () {
this.focusChange.emit(false);
this.hideFocus(false);
this._unrefBlur && this._unrefBlur();
this._unrefBlur = null;
};
/**
* @param {?} val
* @return {?}
*/
NativeInput.prototype.labelledBy = function (val) {
this._renderer.setElementAttribute(this._elementRef.nativeElement, 'aria-labelledby', val);
};
/**
* @param {?} val
* @return {?}
*/
NativeInput.prototype.isDisabled = function (val) {
this._renderer.setElementAttribute(this._elementRef.nativeElement, 'disabled', val ? '' : null);
};
/**
* @return {?}
*/
NativeInput.prototype.setFocus = function () {
// let's set focus to the element
// but only if it does not already have focus
if (this._plt.getActiveElement() !== this.element()) {
this.element().focus();
}
};
/**
* @param {?} shouldFocus
* @param {?} inputRelativeY
* @return {?}
*/
NativeInput.prototype.beginFocus = function (shouldFocus, inputRelativeY) {
if (this._relocated !== shouldFocus) {
var /** @type {?} */ focusedInputEle = this.element();
if (shouldFocus) {
// we should focus into this element
if (this._clone) {
// this platform needs the input to be cloned
// this allows for the actual input to receive the focus from
// the user's touch event, but before it receives focus, it
// moves the actual input to a location that will not screw
// up the app's layout, and does not allow the native browser
// to attempt to scroll the input into place (messing up headers/footers)
// the cloned input fills the area of where native input should be
// while the native input fakes out the browser by relocating itself
// before it receives the actual focus event
cloneInputComponent(this._plt, focusedInputEle);
// move the native input to a location safe to receive focus
// according to the browser, the native input receives focus in an
// area which doesn't require the browser to scroll the input into place
((focusedInputEle.style))[this._plt.Css.transform] = "translate3d(-9999px," + inputRelativeY + "px,0)";
focusedInputEle.style.opacity = '0';
}
// let's now set focus to the actual native element
// at this point it is safe to assume the browser will not attempt
// to scroll the input into view itself (screwing up headers/footers)
this.setFocus();
}
else {
// should remove the focus
if (this._clone) {
// should remove the cloned node
removeClone(this._plt, focusedInputEle);
}
}
this._relocated = shouldFocus;
}
};
/**
* @param {?} shouldHideFocus
* @return {?}
*/
NativeInput.prototype.hideFocus = function (shouldHideFocus) {
var /** @type {?} */ focusedInputEle = this.element();
(void 0) /* console.debug */;
if (shouldHideFocus) {
cloneInputComponent(this._plt, focusedInputEle);
((focusedInputEle.style))[this._plt.Css.transform] = 'scale(0)';
}
else {
removeClone(this._plt, focusedInputEle);
}
};
/**
* @param {?} val
* @return {?}
*/
NativeInput.prototype.setValue = function (val) {
this._elementRef.nativeElement['value'] = val;
};
/**
* @return {?}
*/
NativeInput.prototype.getValue = function () {
return this.element().value;
};
/**
* @param {?} val
* @return {?}
*/
NativeInput.prototype.setMin = function (val) {
this._elementRef.nativeElement['min'] = val;
};
/**
* @param {?} val
* @return {?}
*/
NativeInput.prototype.setMax = function (val) {
this._elementRef.nativeElement['max'] = val;
};
/**
* @param {?} val
* @return {?}
*/
NativeInput.prototype.setStep = function (val) {
this._elementRef.nativeElement['step'] = val;
};
/**
* @param {?} cssClass
* @param {?} shouldAdd
* @return {?}
*/
NativeInput.prototype.setElementClass = function (cssClass, shouldAdd) {
this._renderer.setElementClass(this._elementRef.nativeElement, cssClass, shouldAdd);
};
/**
* @return {?}
*/
NativeInput.prototype.element = function () {
return this._elementRef.nativeElement;
};
/**
* @return {?}
*/
NativeInput.prototype.ngOnDestroy = function () {
this._unrefBlur && this._unrefBlur();
};
return NativeInput;
}());
NativeInput.decorators = [
{ type: Directive, args: [{
selector: '.text-input'
},] },
];
/**
* @nocollapse
*/
NativeInput.ctorParameters = function () { return [
{ type: ElementRef, },
{ type: Renderer, },
{ type: Config, },
{ type: Platform, },
{ type: NgControl, },
]; };
NativeInput.propDecorators = {
'focusChange': [{ type: Output },],
'valueChange': [{ type: Output },],
'keydown': [{ type: Output },],
'_change': [{ type: HostListener, args: ['input', ['$event'],] },],
'_keyDown': [{ type: HostListener, args: ['keydown', ['$event'],] },],
'_focus': [{ type: HostListener, args: ['focus',] },],
'_blur': [{ type: HostListener, args: ['blur',] },],
};
/**
* @param {?} plt
* @param {?} srcNativeInputEle
* @return {?}
*/
function cloneInputComponent(plt, srcNativeInputEle) {
// given a native <input> or <textarea> element
// find its parent wrapping component like <ion-input> or <ion-textarea>
// then clone the entire component
var /** @type {?} */ srcComponentEle = (srcNativeInputEle.closest('ion-input,ion-textarea'));
if (srcComponentEle) {
// DOM READ
var /** @type {?} */ srcTop = srcComponentEle.offsetTop;
var /** @type {?} */ srcLeft = srcComponentEle.offsetLeft;
var /** @type {?} */ srcWidth = srcComponentEle.offsetWidth;
var /** @type {?} */ srcHeight = srcComponentEle.offsetHeight;
// DOM WRITE
// not using deep clone so we don't pull in unnecessary nodes
var /** @type {?} */ clonedComponentEle = (srcComponentEle.cloneNode(false));
clonedComponentEle.classList.add('cloned-input');
clonedComponentEle.setAttribute('aria-hidden', 'true');
clonedComponentEle.style.pointerEvents = 'none';
clonedComponentEle.style.position = 'absolute';
clonedComponentEle.style.top = srcTop + 'px';
clonedComponentEle.style.left = srcLeft + 'px';
clonedComponentEle.style.width = srcWidth + 'px';
clonedComponentEle.style.height = srcHeight + 'px';
var /** @type {?} */ clonedNativeInputEle = (srcNativeInputEle.cloneNode(false));
clonedNativeInputEle.value = srcNativeInputEle.value;
clonedNativeInputEle.tabIndex = -1;
clonedComponentEle.appendChild(clonedNativeInputEle);
srcComponentEle.parentNode.appendChild(clonedComponentEle);
srcComponentEle.style.pointerEvents = 'none';
}
((srcNativeInputEle.style))[plt.Css.transform] = 'scale(0)';
}
/**
* @param {?} plt
* @param {?} srcNativeInputEle
* @return {?}
*/
function removeClone(plt, srcNativeInputEle) {
var /** @type {?} */ srcComponentEle = (srcNativeInputEle.closest('ion-input,ion-textarea'));
if (srcComponentEle && srcComponentEle.parentElement) {
var /** @type {?} */ clonedInputEles = srcComponentEle.parentElement.querySelectorAll('.cloned-input');
for (var /** @type {?} */ i = 0; i < clonedInputEles.length; i++) {
clonedInputEles[i].parentNode.removeChild(clonedInputEles[i]);
}
srcComponentEle.style.pointerEvents = '';
}
((srcNativeInputEle.style))[plt.Css.transform] = '';
srcNativeInputEle.style.opacity = '';
}
/**
* @hidden
*/
var NextInput = (function () {
function NextInput() {
this.focused = new EventEmitter();
}
/**
* @return {?}
*/
NextInput.prototype.receivedFocus = function () {
(void 0) /* console.debug */;
this.focused.emit(true);
};
return NextInput;
}());
NextInput.decorators = [
{ type: Directive, args: [{
selector: '[next-input]'
},] },
];
/**
* @nocollapse
*/
NextInput.ctorParameters = function () { return []; };
NextInput.propDecorators = {
'focused': [{ type: Output },],
'receivedFocus': [{ type: HostListener, args: ['focus',] },],
};
var __extends$63 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* \@name Input
* \@description
*
* `ion-input` is meant for text type inputs only, such as `text`,
* `password`, `email`, `number`, `search`, `tel`, and `url`. Ionic
* still uses an actual `<input type="text">` HTML element within the
* component, however, with Ionic wrapping the native HTML input
* element it's better able to handle the user experience and
* interactivity.
*
* Similarly, `<ion-textarea>` should be used in place of `<textarea>`.
*
* An `ion-input` is **not** used for non-text type inputs, such as a
* `checkbox`, `radio`, `toggle`, `range`, `select`, etc.
*
* Along with the blur/focus events, `input` support all standard text input
* events like `keyup`, `keydown`, `keypress`, `input`,etc. Any standard event
* can be attached and will function as expected.
*
* \@usage
* ```html
* <ion-list>
* <ion-item>
* <ion-label color="primary">Inline Label</ion-label>
* <ion-input placeholder="Text Input"></ion-input>
* </ion-item>
*
* <ion-item>
* <ion-label color="primary" fixed>Fixed Label</ion-label>
* <ion-input type="tel" placeholder="Tel Input"></ion-input>
* </ion-item>
*
* <ion-item>
* <ion-input type="number" placeholder="Number Input with no label"></ion-input>
* </ion-item>
*
* <ion-item>
* <ion-label color="primary" stacked>Stacked Label</ion-label>
* <ion-input type="email" placeholder="Email Input"></ion-input>
* </ion-item>
*
* <ion-item>
* <ion-label color="primary" stacked>Stacked Label</ion-label>
* <ion-input type="password" placeholder="Password Input"></ion-input>
* </ion-item>
*
* <ion-item>
* <ion-label color="primary" floating>Floating Label</ion-label>
* <ion-input></ion-input>
* </ion-item>
*
* <ion-item>
* <ion-input placeholder="Clear Input" clearInput></ion-input>
* </ion-item>
*
* <ion-item>
* <ion-textarea placeholder="Enter a description"></ion-textarea>
* </ion-item>
* </ion-list>
* ```
*
* \@demo /docs/demos/src/input/
*/
var TextInput = (function (_super) {
__extends$63(TextInput, _super);
/**
* @param {?} config
* @param {?} _plt
* @param {?} _form
* @param {?} _app
* @param {?} elementRef
* @param {?} renderer
* @param {?} _content
* @param {?} _item
* @param {?} nav
* @param {?} ngControl
* @param {?} _dom
*/
function TextInput(config, _plt, _form, _app, elementRef, renderer, _content, _item, nav, ngControl, _dom) {
var _this = _super.call(this, config, elementRef, renderer, 'input') || this;
_this._plt = _plt;
_this._form = _form;
_this._app = _app;
_this._content = _content;
_this._item = _item;
_this.ngControl = ngControl;
_this._dom = _dom;
_this._clearInput = false;
_this._disabled = false;
_this._readonly = false;
_this._type = 'text';
_this._value = '';
/**
* \@input {string} Instructional text that shows before the input has a value.
*/
_this.placeholder = '';
/**
* \@output {event} Emitted when the input no longer has focus.
*/
_this.blur = new EventEmitter();
/**
* \@output {event} Emitted when the input has focus.
*/
_this.focus = new EventEmitter();
_this._nav = nav;
_this._autoFocusAssist = config.get('autoFocusAssist', 'delay');
_this._autoComplete = config.get('autocomplete', 'off');
_this._autoCorrect = config.get('autocorrect', 'off');
_this._keyboardHeight = config.getNumber('keyboardHeight');
_this._useAssist = config.getBoolean('scrollAssist', false);
_this._usePadding = config.getBoolean('scrollPadding', _this._useAssist);
if (elementRef.nativeElement.tagName === 'ION-TEXTAREA') {
_this._type = TEXTAREA;
}
if (ngControl) {
ngControl.valueAccessor = _this;
_this.inputControl = ngControl;
}
_form.register(_this);
// only listen to content scroll events if there is content
if (_content) {
_this._scrollStart = _content.ionScrollStart.subscribe(function (ev) {
_this.scrollHideFocus(ev, true);
});
_this._scrollEnd = _content.ionScrollEnd.subscribe(function (ev) {
_this.scrollHideFocus(ev, false);
});
}
_this.mode = config.get('mode');
return _this;
}
Object.defineProperty(TextInput.prototype, "clearInput", {
/**
* \@input {boolean} If true, a clear icon will appear in the input when there is a value. Clicking it clears the input.
* @return {?}
*/
get: function () {
return this._clearInput;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._clearInput = (this._type !== TEXTAREA && isTrueProperty(val));
},
enumerable: true,
configurable: true
});
Object.defineProperty(TextInput.prototype, "value", {
/**
* \@input {string} The text value of the input.
* @return {?}
*/
get: function () {
return this._value;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._value = val;
this.checkHasValue(val);
},
enumerable: true,
configurable: true
});
Object.defineProperty(TextInput.prototype, "type", {
/**
* \@input {string} The type of control to display. The default type is text. Possible values are: `"text"`, `"password"`, `"email"`, `"number"`, `"search"`, `"tel"`, or `"url"`.
* @return {?}
*/
get: function () {
return this._type;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
if (this._type !== TEXTAREA) {
this._type = 'text';
if (isString(val)) {
val = val.toLowerCase();
if (TEXT_TYPE_REGEX.test(val)) {
this._type = val;
}
}
}
},
enumerable: true,
configurable: true
});
Object.defineProperty(TextInput.prototype, "disabled", {
/**
* \@input {boolean} If true, the user cannot interact with this element.
* @return {?}
*/
get: function () {
return this._disabled;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this.setDisabled(this._disabled = isTrueProperty(val));
},
enumerable: true,
configurable: true
});
/**
* @hidden
* @param {?} val
* @return {?}
*/
TextInput.prototype.setDisabled = function (val) {
this._renderer.setElementAttribute(this._elementRef.nativeElement, 'disabled', val ? '' : null);
this._item && this._item.setElementClass('item-input-disabled', val);
this._native && this._native.isDisabled(val);
};
/**
* @hidden
* @param {?} isDisabled
* @return {?}
*/
TextInput.prototype.setDisabledState = function (isDisabled) {
this.disabled = isDisabled;
};
Object.defineProperty(TextInput.prototype, "readonly", {
/**
* \@input {boolean} If true, the user cannot modify the value.
* @return {?}
*/
get: function () {
return this._readonly;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._readonly = isTrueProperty(val);
},
enumerable: true,
configurable: true
});
Object.defineProperty(TextInput.prototype, "clearOnEdit", {
/**
* \@input {boolean} If true, the value will be cleared after focus upon edit. Defaults to `true` when `type` is `"password"`, `false` for all other types.
* @return {?}
*/
get: function () {
return this._clearOnEdit;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._clearOnEdit = isTrueProperty(val);
},
enumerable: true,
configurable: true
});
Object.defineProperty(TextInput.prototype, "min", {
/**
* \@input {any} The minimum value, which must not be greater than its maximum (max attribute) value.
* @return {?}
*/
get: function () {
return this._min;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this.setMin(this._min = val);
},
enumerable: true,
configurable: true
});
/**
* @hidden
* @param {?} val
* @return {?}
*/
TextInput.prototype.setMin = function (val) {
this._native && this._native.setMin(val);
};
Object.defineProperty(TextInput.prototype, "max", {
/**
* \@input {any} The maximum value, which must not be less than its minimum (min attribute) value.
* @return {?}
*/
get: function () {
return this._max;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this.setMax(this._max = val);
},
enumerable: true,
configurable: true
});
/**
* @hidden
* @param {?} val
* @return {?}
*/
TextInput.prototype.setMax = function (val) {
this._native && this._native.setMax(val);
};
Object.defineProperty(TextInput.prototype, "step", {
/**
* \@input {any} Works with the min and max attributes to limit the increments at which a value can be set.
* @return {?}
*/
get: function () {
return this._step;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this.setStep(this._step = val);
},
enumerable: true,
configurable: true
});
/**
* @hidden
* @param {?} val
* @return {?}
*/
TextInput.prototype.setStep = function (val) {
this._native && this._native.setStep(val);
};
Object.defineProperty(TextInput.prototype, "_nativeInput", {
/**
* @hidden
* @param {?} nativeInput
* @return {?}
*/
set: function (nativeInput) {
if (this.type !== TEXTAREA) {
this.setNativeInput(nativeInput);
}
},
enumerable: true,
configurable: true
});
Object.defineProperty(TextInput.prototype, "_nativeTextarea", {
/**
* @hidden
* @param {?} nativeInput
* @return {?}
*/
set: function (nativeInput) {
if (this.type === TEXTAREA) {
this.setNativeInput(nativeInput);
}
},
enumerable: true,
configurable: true
});
Object.defineProperty(TextInput.prototype, "_nextInput", {
/**
* @hidden
* @param {?} nextInput
* @return {?}
*/
set: function (nextInput) {
var _this = this;
if (nextInput) {
nextInput.focused.subscribe(function () {
_this._form.tabFocus(_this);
});
}
},
enumerable: true,
configurable: true
});
/**
* @hidden
* @param {?} nativeInput
* @return {?}
*/
TextInput.prototype.setNativeInput = function (nativeInput) {
var _this = this;
this._native = nativeInput;
nativeInput.setValue(this._value);
nativeInput.setMin(this._min);
nativeInput.setMax(this._max);
nativeInput.setStep(this._step);
nativeInput.isDisabled(this.disabled);
if (this._item && this._item.labelId !== null) {
nativeInput.labelledBy(this._item.labelId);
}
nativeInput.valueChange.subscribe(function (inputValue) {
_this.onChange(inputValue);
_this.checkHasValue(inputValue);
});
nativeInput.keydown.subscribe(function (inputValue) {
_this.onKeydown(inputValue);
});
this.focusChange(this.hasFocus());
nativeInput.focusChange.subscribe(function (textInputHasFocus) {
_this.focusChange(textInputHasFocus);
_this.checkHasValue(nativeInput.getValue());
if (!textInputHasFocus) {
_this.onTouched(textInputHasFocus);
}
});
this.checkHasValue(nativeInput.getValue());
var /** @type {?} */ ionInputEle = this._elementRef.nativeElement;
var /** @type {?} */ nativeInputEle = nativeInput.element();
// copy ion-input attributes to the native input element
copyInputAttributes(ionInputEle, nativeInputEle);
if (ionInputEle.hasAttribute('autofocus')) {
// the ion-input element has the autofocus attributes
ionInputEle.removeAttribute('autofocus');
if (this._autoFocusAssist === 'immediate') {
// config says to immediate focus on the input
// works best on android devices
nativeInputEle.focus();
}
else if (this._autoFocusAssist === 'delay') {
// config says to chill out a bit and focus on the input after transitions
// works best on desktop
this._plt.timeout(function () {
nativeInputEle.focus();
}, 650);
}
// traditionally iOS has big issues with autofocus on actual devices
// autoFocus is disabled by default with the iOS mode config
}
// by default set autocomplete="off" unless specified by the input
if (ionInputEle.hasAttribute('autocomplete')) {
this._autoComplete = ionInputEle.getAttribute('autocomplete');
}
nativeInputEle.setAttribute('autocomplete', this._autoComplete);
// by default set autocorrect="off" unless specified by the input
if (ionInputEle.hasAttribute('autocorrect')) {
this._autoCorrect = ionInputEle.getAttribute('autocorrect');
}
nativeInputEle.setAttribute('autocorrect', this._autoCorrect);
};
/**
* @hidden
* @return {?}
*/
TextInput.prototype.initFocus = function () {
var _this = this;
// begin the process of setting focus to the inner input element
var /** @type {?} */ app = this._app;
var /** @type {?} */ content = this._content;
var /** @type {?} */ nav = this._nav;
var /** @type {?} */ nativeInput = this._native;
(void 0) /* console.debug */;
if (content) {
// this input is inside of a scroll view
// find out if text input should be manually scrolled into view
// get container of this input, probably an ion-item a few nodes up
var /** @type {?} */ ele = this._elementRef.nativeElement;
ele = (ele.closest('ion-item,[ion-item]')) || ele;
var /** @type {?} */ scrollData = getScrollData(ele.offsetTop, ele.offsetHeight, content.getContentDimensions(), this._keyboardHeight, this._plt.height());
if (Math.abs(scrollData.scrollAmount) < 4) {
// the text input is in a safe position that doesn't
// require it to be scrolled into view, just set focus now
this.setFocus();
// all good, allow clicks again
app.setEnabled(true);
nav && nav.setTransitioning(false);
if (this._usePadding) {
content.clearScrollPaddingFocusOut();
}
return;
}
if (this._usePadding) {
// add padding to the bottom of the scroll view (if needed)
content.addScrollPadding(scrollData.scrollPadding);
}
// manually scroll the text input to the top
// do not allow any clicks while it's scrolling
var /** @type {?} */ scrollDuration = getScrollAssistDuration(scrollData.scrollAmount);
app.setEnabled(false, scrollDuration);
nav && nav.setTransitioning(true);
// temporarily move the focus to the focus holder so the browser
// doesn't freak out while it's trying to get the input in place
// at this point the native text input still does not have focus
nativeInput.beginFocus(true, scrollData.inputSafeY);
// scroll the input into place
content.scrollTo(0, scrollData.scrollTo, scrollDuration, function () {
(void 0) /* console.debug */;
// the scroll view is in the correct position now
// give the native text input focus
nativeInput.beginFocus(false, 0);
// ensure this is the focused input
_this.setFocus();
// all good, allow clicks again
app.setEnabled(true);
nav && nav.setTransitioning(false);
if (_this._usePadding) {
content.clearScrollPaddingFocusOut();
}
});
}
else {
// not inside of a scroll view, just focus it
this.setFocus();
}
};
/**
* @hidden
* @return {?}
*/
TextInput.prototype.setFocus = function () {
var _this = this;
// immediately set focus
this._form.setAsFocused(this);
// set focus on the actual input element
(void 0) /* console.debug */;
this._native.setFocus();
// ensure the body hasn't scrolled down
this._dom.write(function () {
_this._plt.doc().body.scrollTop = 0;
});
};
/**
* @hidden
* @param {?} ev
* @param {?} shouldHideFocus
* @return {?}
*/
TextInput.prototype.scrollHideFocus = function (ev, shouldHideFocus) {
var _this = this;
// do not continue if there's no nav, or it's transitioning
if (this._nav && this.hasFocus()) {
// if it does have focus, then do the dom write
this._dom.write(function () {
_this._native.hideFocus(shouldHideFocus);
});
}
};
/**
* @hidden
* @param {?} ev
* @return {?}
*/
TextInput.prototype.inputBlurred = function (ev) {
this.blur.emit(ev);
};
/**
* @hidden
* @param {?} ev
* @return {?}
*/
TextInput.prototype.inputFocused = function (ev) {
this.focus.emit(ev);
};
/**
* @hidden
* @param {?} val
* @return {?}
*/
TextInput.prototype.writeValue = function (val) {
this._value = val;
this.checkHasValue(val);
};
/**
* @hidden
* @param {?} val
* @return {?}
*/
TextInput.prototype.onChange = function (val) {
this.checkHasValue(val);
};
/**
* @hidden
* @param {?} val
* @return {?}
*/
TextInput.prototype.onKeydown = function (val) {
if (this._clearOnEdit) {
this.checkClearOnEdit(val);
}
};
/**
* @hidden
* @param {?} val
* @return {?}
*/
TextInput.prototype.onTouched = function (val) { };
/**
* @hidden
* @return {?}
*/
TextInput.prototype.hasFocus = function () {
// check if an input has focus or not
return this._plt.hasFocus(this._native.element());
};
/**
* @hidden
* @return {?}
*/
TextInput.prototype.hasValue = function () {
var /** @type {?} */ inputValue = this._value;
return (inputValue !== null && inputValue !== undefined && inputValue !== '');
};
/**
* @hidden
* @param {?} inputValue
* @return {?}
*/
TextInput.prototype.checkHasValue = function (inputValue) {
if (this._item) {
var /** @type {?} */ hasValue = (inputValue !== null && inputValue !== undefined && inputValue !== '');
this._item.setElementClass('input-has-value', hasValue);
}
};
/**
* @hidden
* @param {?} inputHasFocus
* @return {?}
*/
TextInput.prototype.focusChange = function (inputHasFocus) {
if (this._item) {
(void 0) /* console.debug */;
this._item.setElementClass('input-has-focus', inputHasFocus);
}
// If clearOnEdit is enabled and the input blurred but has a value, set a flag
if (this._clearOnEdit && !inputHasFocus && this.hasValue()) {
this._didBlurAfterEdit = true;
}
};
/**
* @hidden
* @param {?} ev
* @return {?}
*/
TextInput.prototype.pointerStart = function (ev) {
// input cover touchstart
if (ev.type === 'touchstart') {
this._isTouch = true;
}
if ((this._isTouch || (!this._isTouch && ev.type === 'mousedown')) && this._app.isEnabled()) {
// remember where the touchstart/mousedown started
this._coord = pointerCoord(ev);
}
(void 0) /* console.debug */;
};
/**
* @hidden
* @param {?} ev
* @return {?}
*/
TextInput.prototype.pointerEnd = function (ev) {
// input cover touchend/mouseup
(void 0) /* console.debug */;
if ((this._isTouch && ev.type === 'mouseup') || !this._app.isEnabled()) {
// the app is actively doing something right now
// don't try to scroll in the input
ev.preventDefault();
ev.stopPropagation();
}
else if (this._coord) {
// get where the touchend/mouseup ended
var /** @type {?} */ endCoord = pointerCoord(ev);
// focus this input if the pointer hasn't moved XX pixels
// and the input doesn't already have focus
if (!hasPointerMoved(8, this._coord, endCoord) && !this.hasFocus()) {
ev.preventDefault();
ev.stopPropagation();
// begin the input focus process
this.initFocus();
}
}
this._coord = null;
};
/**
* @hidden
* @return {?}
*/
TextInput.prototype.setItemInputControlCss = function () {
var /** @type {?} */ item = this._item;
var /** @type {?} */ nativeInput = this._native;
var /** @type {?} */ inputControl = this.inputControl;
// Set the control classes on the item
if (item && inputControl) {
setControlCss(item, inputControl);
}
// Set the control classes on the native input
if (nativeInput && inputControl) {
setControlCss(nativeInput, inputControl);
}
};
/**
* @hidden
* @return {?}
*/
TextInput.prototype.ngOnInit = function () {
var /** @type {?} */ item = this._item;
if (item) {
if (this.type === TEXTAREA) {
item.setElementClass('item-textarea', true);
}
item.setElementClass('item-input', true);
item.registerInput(this.type);
}
// By default, password inputs clear after focus when they have content
if (this.type === 'password' && this.clearOnEdit !== false) {
this.clearOnEdit = true;
}
};
/**
* @hidden
* @return {?}
*/
TextInput.prototype.ngAfterContentChecked = function () {
this.setItemInputControlCss();
};
/**
* @hidden
* @return {?}
*/
TextInput.prototype.ngOnDestroy = function () {
this._form.deregister(this);
// only stop listening to content scroll events if there is content
if (this._content) {
this._scrollStart.unsubscribe();
this._scrollEnd.unsubscribe();
}
};
/**
* @hidden
* @return {?}
*/
TextInput.prototype.clearTextInput = function () {
(void 0) /* console.debug */;
this._value = '';
this.onChange(this._value);
this.writeValue(this._value);
};
/**
* Check if we need to clear the text input if clearOnEdit is enabled
* @hidden
* @param {?} inputValue
* @return {?}
*/
TextInput.prototype.checkClearOnEdit = function (inputValue) {
if (!this._clearOnEdit) {
return;
}
// Did the input value change after it was blurred and edited?
if (this._didBlurAfterEdit && this.hasValue()) {
// Clear the input
this.clearTextInput();
}
// Reset the flag
this._didBlurAfterEdit = false;
};
/**
* @hidden
* Angular2 Forms API method called by the view (formControlName) to register the
* onChange event handler that updates the model (Control).
* @param {?} fn
* @return {?}
*/
TextInput.prototype.registerOnChange = function (fn) { this.onChange = fn; };
/**
* @hidden
* Angular2 Forms API method called by the view (formControlName) to register
* the onTouched event handler that marks model (Control) as touched.
* @param {?} fn
* @return {?}
*/
TextInput.prototype.registerOnTouched = function (fn) { this.onTouched = fn; };
/**
* @hidden
* @return {?}
*/
TextInput.prototype.focusNext = function () {
this._form.tabFocus(this);
};
return TextInput;
}(Ion));
TextInput.decorators = [
{ type: Component, args: [{
selector: 'ion-input,ion-textarea',
template: '<input [(ngModel)]="_value" [type]="type" (blur)="inputBlurred($event)" (focus)="inputFocused($event)" [placeholder]="placeholder" [disabled]="disabled" [readonly]="readonly" class="text-input" [ngClass]="\'text-input-\' + _mode" *ngIf="_type!==\'textarea\'" #input>' +
'<textarea [(ngModel)]="_value" (blur)="inputBlurred($event)" (focus)="inputFocused($event)" [placeholder]="placeholder" [disabled]="disabled" [readonly]="readonly" class="text-input" [ngClass]="\'text-input-\' + _mode" *ngIf="_type===\'textarea\'" #textarea></textarea>' +
'<input [type]="type" aria-hidden="true" next-input *ngIf="_useAssist">' +
'<button ion-button clear [hidden]="!clearInput" type="button" class="text-input-clear-icon" (click)="clearTextInput()" (mousedown)="clearTextInput()"></button>' +
'<div (touchstart)="pointerStart($event)" (touchend)="pointerEnd($event)" (mousedown)="pointerStart($event)" (mouseup)="pointerEnd($event)" class="input-cover" tappable *ngIf="_useAssist"></div>',
encapsulation: ViewEncapsulation.None,
},] },
];
/**
* @nocollapse
*/
TextInput.ctorParameters = function () { return [
{ type: Config, },
{ type: Platform, },
{ type: Form, },
{ type: App, },
{ type: ElementRef, },
{ type: Renderer, },
{ type: Content, decorators: [{ type: Optional },] },
{ type: Item, decorators: [{ type: Optional },] },
{ type: NavController, decorators: [{ type: Optional },] },
{ type: NgControl, decorators: [{ type: Optional },] },
{ type: DomController, },
]; };
TextInput.propDecorators = {
'placeholder': [{ type: Input },],
'clearInput': [{ type: Input },],
'value': [{ type: Input },],
'type': [{ type: Input },],
'disabled': [{ type: Input },],
'readonly': [{ type: Input },],
'clearOnEdit': [{ type: Input },],
'min': [{ type: Input },],
'max': [{ type: Input },],
'step': [{ type: Input },],
'_nativeInput': [{ type: ViewChild, args: ['input', { read: NativeInput },] },],
'_nativeTextarea': [{ type: ViewChild, args: ['textarea', { read: NativeInput },] },],
'_nextInput': [{ type: ViewChild, args: [NextInput,] },],
'blur': [{ type: Output },],
'focus': [{ type: Output },],
};
/**
* \@name TextArea
* \@description
*
* `ion-textarea` is used for multi-line text inputs. Ionic still
* uses an actual `<textarea>` HTML element within the component;
* however, with Ionic wrapping the native HTML text area element, Ionic
* is able to better handle the user experience and interactivity.
*
* Note that `<ion-textarea>` must load its value from the `value` or
* `[(ngModel)]` attribute. Unlike the native `<textarea>` element,
* `<ion-textarea>` does not support loading its value from the
* textarea's inner content.
*
* When requiring only a single-line text input, we recommend using
* `<ion-input>` instead.
*
* \@usage
* ```html
* <ion-item>
* <ion-label>Comments</ion-label>
* <ion-textarea></ion-textarea>
* </ion-item>
*
* <ion-item>
* <ion-label stacked>Message</ion-label>
* <ion-textarea [(ngModel)]="msg"></ion-textarea>
* </ion-item>
*
* <ion-item>
* <ion-label floating>Description</ion-label>
* <ion-textarea></ion-textarea>
* </ion-item>
*
* <ion-item>
* <ion-label>Long Description</ion-label>
* <ion-textarea rows="6" placeholder="enter long description here..."></ion-textarea>
* </ion-item>
* ```
*
* \@demo /docs/demos/src/textarea/
*/
var SCROLL_ASSIST_SPEED = 0.3;
var TEXTAREA = 'textarea';
var TEXT_TYPE_REGEX = /password|email|number|search|tel|url|date|month|time|week/;
/**
* @hidden
* @param {?} inputOffsetTop
* @param {?} inputOffsetHeight
* @param {?} scrollViewDimensions
* @param {?} keyboardHeight
* @param {?} plaformHeight
* @return {?}
*/
function getScrollData(inputOffsetTop, inputOffsetHeight, scrollViewDimensions, keyboardHeight, plaformHeight) {
// compute input's Y values relative to the body
var /** @type {?} */ inputTop = (inputOffsetTop + scrollViewDimensions.contentTop - scrollViewDimensions.scrollTop);
var /** @type {?} */ inputBottom = (inputTop + inputOffsetHeight);
// compute the safe area which is the viewable content area when the soft keyboard is up
var /** @type {?} */ safeAreaTop = scrollViewDimensions.contentTop;
var /** @type {?} */ safeAreaHeight = (plaformHeight - keyboardHeight - safeAreaTop) / 2;
var /** @type {?} */ safeAreaBottom = safeAreaTop + safeAreaHeight;
// figure out if each edge of teh input is within the safe area
var /** @type {?} */ inputTopWithinSafeArea = (inputTop >= safeAreaTop && inputTop <= safeAreaBottom);
var /** @type {?} */ inputTopAboveSafeArea = (inputTop < safeAreaTop);
var /** @type {?} */ inputTopBelowSafeArea = (inputTop > safeAreaBottom);
var /** @type {?} */ inputBottomWithinSafeArea = (inputBottom >= safeAreaTop && inputBottom <= safeAreaBottom);
var /** @type {?} */ inputBottomBelowSafeArea = (inputBottom > safeAreaBottom);
/*
Text Input Scroll To Scenarios
---------------------------------------
1) Input top within safe area, bottom within safe area
2) Input top within safe area, bottom below safe area, room to scroll
3) Input top above safe area, bottom within safe area, room to scroll
4) Input top below safe area, no room to scroll, input smaller than safe area
5) Input top within safe area, bottom below safe area, no room to scroll, input smaller than safe area
6) Input top within safe area, bottom below safe area, no room to scroll, input larger than safe area
7) Input top below safe area, no room to scroll, input larger than safe area
*/
var /** @type {?} */ scrollData = {
scrollAmount: 0,
scrollTo: 0,
scrollPadding: 0,
inputSafeY: 0
};
if (inputTopWithinSafeArea && inputBottomWithinSafeArea) {
// Input top within safe area, bottom within safe area
// no need to scroll to a position, it's good as-is
return scrollData;
}
// looks like we'll have to do some auto-scrolling
if (inputTopBelowSafeArea || inputBottomBelowSafeArea || inputTopAboveSafeArea) {
// Input top or bottom below safe area
// auto scroll the input up so at least the top of it shows
if (safeAreaHeight > inputOffsetHeight) {
// safe area height is taller than the input height, so we
// can bring up the input just enough to show the input bottom
scrollData.scrollAmount = Math.round(safeAreaBottom - inputBottom);
}
else {
// safe area height is smaller than the input height, so we can
// only scroll it up so the input top is at the top of the safe area
// however the input bottom will be below the safe area
scrollData.scrollAmount = Math.round(safeAreaTop - inputTop);
}
scrollData.inputSafeY = -(inputTop - safeAreaTop) + 4;
if (inputTopAboveSafeArea && scrollData.scrollAmount > inputOffsetHeight) {
// the input top is above the safe area and we're already scrolling it into place
// don't let it scroll more than the height of the input
scrollData.scrollAmount = inputOffsetHeight;
}
}
// figure out where it should scroll to for the best position to the input
scrollData.scrollTo = (scrollViewDimensions.scrollTop - scrollData.scrollAmount);
// when auto-scrolling, there also needs to be enough
// content padding at the bottom of the scroll view
// always add scroll padding when a text input has focus
// this allows for the content to scroll above of the keyboard
// content behind the keyboard would be blank
// some cases may not need it, but when jumping around it's best
// to have the padding already rendered so there's no jank
scrollData.scrollPadding = keyboardHeight;
// var safeAreaEle: HTMLElement = (<any>window).safeAreaEle;
// if (!safeAreaEle) {
// safeAreaEle = (<any>window).safeAreaEle = document.createElement('div');
// safeAreaEle.style.cssText = 'position:absolute; padding:1px 5px; left:0; right:0; font-weight:bold; font-size:10px; font-family:Courier; text-align:right; background:rgba(0, 128, 0, 0.8); text-shadow:1px 1px white; pointer-events:none;';
// document.body.appendChild(safeAreaEle);
// }
// safeAreaEle.style.top = safeAreaTop + 'px';
// safeAreaEle.style.height = safeAreaHeight + 'px';
// safeAreaEle.innerHTML = `
// <div>scrollTo: ${scrollData.scrollTo}</div>
// <div>scrollAmount: ${scrollData.scrollAmount}</div>
// <div>scrollPadding: ${scrollData.scrollPadding}</div>
// <div>inputSafeY: ${scrollData.inputSafeY}</div>
// <div>scrollHeight: ${scrollViewDimensions.scrollHeight}</div>
// <div>scrollTop: ${scrollViewDimensions.scrollTop}</div>
// <div>contentHeight: ${scrollViewDimensions.contentHeight}</div>
// <div>plaformHeight: ${plaformHeight}</div>
// `;
return scrollData;
}
/**
* @param {?} element
* @param {?} control
* @return {?}
*/
function setControlCss(element, control) {
element.setElementClass('ng-untouched', control.untouched);
element.setElementClass('ng-touched', control.touched);
element.setElementClass('ng-pristine', control.pristine);
element.setElementClass('ng-dirty', control.dirty);
element.setElementClass('ng-valid', control.valid);
element.setElementClass('ng-invalid', !control.valid);
}
/**
* @param {?} distanceToScroll
* @return {?}
*/
function getScrollAssistDuration(distanceToScroll) {
distanceToScroll = Math.abs(distanceToScroll);
var /** @type {?} */ duration = distanceToScroll / SCROLL_ASSIST_SPEED;
return Math.min(400, Math.max(150, duration));
}
/**
* @hidden
*/
var InputModule = (function () {
function InputModule() {
}
/**
* @return {?}
*/
InputModule.forRoot = function () {
return {
ngModule: InputModule, providers: []
};
};
return InputModule;
}());
InputModule.decorators = [
{ type: NgModule, args: [{
imports: [
CommonModule,
FormsModule,
ReactiveFormsModule
],
declarations: [
NativeInput,
NextInput,
TextInput
],
exports: [
NativeInput,
NextInput,
TextInput
]
},] },
];
/**
* @nocollapse
*/
InputModule.ctorParameters = function () { return []; };
/**
* @hidden
*/
var ItemContent = (function () {
function ItemContent() {
}
return ItemContent;
}());
ItemContent.decorators = [
{ type: Directive, args: [{
selector: 'ion-item,[ion-item]',
host: {
'class': 'item-block'
}
},] },
];
/**
* @nocollapse
*/
ItemContent.ctorParameters = function () { return []; };
var __extends$64 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* @hidden
*/
var ItemDivider = (function (_super) {
__extends$64(ItemDivider, _super);
/**
* @param {?} form
* @param {?} config
* @param {?} elementRef
* @param {?} renderer
*/
function ItemDivider(form, config, elementRef, renderer) {
return _super.call(this, config, elementRef, renderer, 'item-divider') || this;
}
return ItemDivider;
}(Ion));
ItemDivider.decorators = [
{ type: Directive, args: [{
selector: 'ion-item-divider',
host: {
'class': 'item-divider'
}
},] },
];
/**
* @nocollapse
*/
ItemDivider.ctorParameters = function () { return [
{ type: Form, },
{ type: Config, },
{ type: ElementRef, },
{ type: Renderer, },
]; };
/**
* @hidden
*/
var ItemGroup = (function () {
function ItemGroup() {
}
return ItemGroup;
}());
ItemGroup.decorators = [
{ type: Directive, args: [{
selector: 'ion-item-group'
},] },
];
/**
* @nocollapse
*/
ItemGroup.ctorParameters = function () { return []; };
var __extends$66 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* @hidden
*/
var ItemSlidingGesture = (function (_super) {
__extends$66(ItemSlidingGesture, _super);
/**
* @param {?} plt
* @param {?} list
* @param {?} gestureCtrl
* @param {?} domCtrl
*/
function ItemSlidingGesture(plt, list, gestureCtrl, domCtrl) {
var _this = _super.call(this, plt, list.getNativeElement(), {
maxAngle: 20,
threshold: 5,
zone: false,
domController: domCtrl,
gesture: gestureCtrl.createGesture({
name: GESTURE_ITEM_SWIPE,
priority: GESTURE_PRIORITY_SLIDING_ITEM,
disableScroll: true
})
}) || this;
_this.list = list;
_this.preSelectedContainer = null;
_this.selectedContainer = null;
_this.openContainer = null;
return _this;
}
/**
* @param {?} ev
* @return {?}
*/
ItemSlidingGesture.prototype.canStart = function (ev) {
if (this.selectedContainer) {
return false;
}
// Get swiped sliding container
var /** @type {?} */ container = getContainer(ev);
if (!container) {
this.closeOpened();
return false;
}
// Close open container if it is not the selected one.
if (container !== this.openContainer) {
this.closeOpened();
}
var /** @type {?} */ coord = pointerCoord(ev);
this.preSelectedContainer = container;
this.firstCoordX = coord.x;
this.firstTimestamp = Date.now();
return true;
};
/**
* @param {?} ev
* @return {?}
*/
ItemSlidingGesture.prototype.onDragStart = function (ev) {
ev.preventDefault();
var /** @type {?} */ coord = pointerCoord(ev);
this.selectedContainer = this.openContainer = this.preSelectedContainer;
this.selectedContainer.startSliding(coord.x);
};
/**
* @param {?} ev
* @return {?}
*/
ItemSlidingGesture.prototype.onDragMove = function (ev) {
ev.preventDefault();
this.selectedContainer.moveSliding(pointerCoord(ev).x);
};
/**
* @param {?} ev
* @return {?}
*/
ItemSlidingGesture.prototype.onDragEnd = function (ev) {
ev.preventDefault();
var /** @type {?} */ coordX = pointerCoord(ev).x;
var /** @type {?} */ deltaX = (coordX - this.firstCoordX);
var /** @type {?} */ deltaT = (Date.now() - this.firstTimestamp);
this.selectedContainer.endSliding(deltaX / deltaT);
this.selectedContainer = null;
this.preSelectedContainer = null;
};
/**
* @param {?} ev
* @return {?}
*/
ItemSlidingGesture.prototype.notCaptured = function (ev) {
if (!clickedOptionButton(ev)) {
this.closeOpened();
}
};
/**
* @return {?}
*/
ItemSlidingGesture.prototype.closeOpened = function () {
this.selectedContainer = null;
if (this.openContainer) {
this.openContainer.close();
this.openContainer = null;
return true;
}
return false;
};
/**
* @return {?}
*/
ItemSlidingGesture.prototype.destroy = function () {
_super.prototype.destroy.call(this);
this.closeOpened();
this.list = null;
this.preSelectedContainer = null;
this.selectedContainer = null;
this.openContainer = null;
};
return ItemSlidingGesture;
}(PanGesture));
/**
* @param {?} ev
* @return {?}
*/
function getContainer(ev) {
var /** @type {?} */ ele = ev.target.closest('ion-item-sliding');
if (ele) {
return ((ele))['$ionComponent'];
}
return null;
}
/**
* @param {?} ev
* @return {?}
*/
function clickedOptionButton(ev) {
var /** @type {?} */ ele = ev.target.closest('ion-item-options>button');
return !!ele;
}
var __extends$65 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* The List is a widely used interface element in almost any mobile app,
* and can include content ranging from basic text all the way to
* buttons, toggles, icons, and thumbnails.
*
* Both the list, which contains items, and the list items themselves
* can be any HTML element.
*
* Using the List and Item components make it easy to support various
* interaction modes such as swipe to edit, drag to reorder, and
* removing items.
*
* \@demo /docs/demos/src/list/
* @see {\@link /docs/components#lists List Component Docs}
* \@advanced
*
* Enable the sliding items.
*
* ```ts
* import { Component, ViewChild } from '\@angular/core';
* import { List } from 'ionic-angular';
*
* \@Component({...})
* export class MyClass {
* \@ViewChild(List) list: List;
*
* constructor() { }
*
* stopSliding() {
* this.list.enableSlidingItems(false);
* }
* }
* ```
*
*/
var List = (function (_super) {
__extends$65(List, _super);
/**
* @param {?} config
* @param {?} elementRef
* @param {?} renderer
* @param {?} _plt
* @param {?} _gestureCtrl
* @param {?} _domCtrl
*/
function List(config, elementRef, renderer, _plt, _gestureCtrl, _domCtrl) {
var _this = _super.call(this, config, elementRef, renderer, 'list') || this;
_this._plt = _plt;
_this._gestureCtrl = _gestureCtrl;
_this._domCtrl = _domCtrl;
_this._enableSliding = true;
_this._containsSlidingItems = false;
return _this;
}
Object.defineProperty(List.prototype, "sliding", {
/**
* \@input {boolean} If true, the sliding items will be enabled.
* @return {?}
*/
get: function () {
return this._enableSliding;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._enableSliding = isTrueProperty(val);
this._updateSlidingState();
},
enumerable: true,
configurable: true
});
/**
* @hidden
* @param {?} contains
* @return {?}
*/
List.prototype.containsSlidingItem = function (contains) {
this._containsSlidingItems = contains;
this._updateSlidingState();
};
/**
* @return {?}
*/
List.prototype._updateSlidingState = function () {
var /** @type {?} */ shouldSlide = this._enableSliding && this._containsSlidingItems;
if (!shouldSlide) {
this._slidingGesture && this._slidingGesture.destroy();
this._slidingGesture = null;
}
else if (!this._slidingGesture) {
(void 0) /* console.debug */;
this._slidingGesture = new ItemSlidingGesture(this._plt, this, this._gestureCtrl, this._domCtrl);
this._slidingGesture.listen();
}
};
/**
* Close any sliding items that are open.
* @return {?}
*/
List.prototype.closeSlidingItems = function () {
this._slidingGesture && this._slidingGesture.closeOpened();
};
/**
* @hidden
* @return {?}
*/
List.prototype.destroy = function () {
this._slidingGesture && this._slidingGesture.destroy();
};
return List;
}(Ion));
List.decorators = [
{ type: Directive, args: [{
selector: 'ion-list',
},] },
];
/**
* @nocollapse
*/
List.ctorParameters = function () { return [
{ type: Config, },
{ type: ElementRef, },
{ type: Renderer, },
{ type: Platform, },
{ type: GestureController, },
{ type: DomController, },
]; };
List.propDecorators = {
'sliding': [{ type: Input },],
};
var SWIPE_MARGIN = 30;
var ELASTIC_FACTOR = 0.55;
var ITEM_SIDE_FLAG_NONE = 0;
var ITEM_SIDE_FLAG_LEFT = 1 << 0;
var ITEM_SIDE_FLAG_RIGHT = 1 << 1;
var ITEM_SIDE_FLAG_BOTH = ITEM_SIDE_FLAG_LEFT | ITEM_SIDE_FLAG_RIGHT;
/**
* \@name ItemSliding
* \@description
* A sliding item is a list item that can be swiped to reveal buttons. It requires
* an [Item](../Item) component as a child and a [List](../../list/List) component as
* a parent. All buttons to reveal can be placed in the `<ion-item-options>` element.
*
* \@usage
* ```html
* <ion-list>
* <ion-item-sliding #item>
* <ion-item>
* Item
* </ion-item>
* <ion-item-options side="left">
* <button ion-button (click)="favorite(item)">Favorite</button>
* <button ion-button color="danger" (click)="share(item)">Share</button>
* </ion-item-options>
*
* <ion-item-options side="right">
* <button ion-button (click)="unread(item)">Unread</button>
* </ion-item-options>
* </ion-item-sliding>
* </ion-list>
* ```
*
* ### Swipe Direction
* By default, the buttons are revealed when the sliding item is swiped from right to left,
* so the buttons are placed in the right side. But it's also possible to reveal them
* in the right side (sliding from left to right) by setting the `side` attribute
* on the `ion-item-options` element. Up to 2 `ion-item-options` can used at the same time
* in order to reveal two different sets of buttons depending the swipping direction.
*
* ```html
* <ion-item-options side="right">
* <button ion-button (click)="archive(item)">
* <ion-icon name="archive"></ion-icon>
* Archive
* </button>
* </ion-item-options>
*
* <ion-item-options side="left">
* <button ion-button (click)="archive(item)">
* <ion-icon name="archive"></ion-icon>
* Archive
* </button>
* </ion-item-options>
* ```
*
* ### Listening for events (ionDrag) and (ionSwipe)
* It's possible to know the current relative position of the sliding item by subscribing
* to the (ionDrag)` event.
*
* ```html
* <ion-item-sliding (ionDrag)="logDrag($event)">
* <ion-item>Item</ion-item>
* <ion-item-options>
* <button ion-button>Favorite</button>
* </ion-item-options>
* </ion-item-sliding>
* ```
*
* ### Button Layout
* If an icon is placed with text in the option button, by default it will
* display the icon on top of the text. This can be changed to display the icon
* to the left of the text by setting `icon-left` as an attribute on the
* `<ion-item-options>` element.
*
* ```html
* <ion-item-options icon-left>
* <button ion-button (click)="archive(item)">
* <ion-icon name="archive"></ion-icon>
* Archive
* </button>
* </ion-item-options>
*
* ```
*
*
* \@demo /docs/demos/src/item-sliding/
* @see {\@link /docs/components#lists List Component Docs}
* @see {\@link ../Item Item API Docs}
* @see {\@link ../../list/List List API Docs}
*/
var ItemSliding = (function () {
/**
* @param {?} list
* @param {?} _plt
* @param {?} _dom
* @param {?} _renderer
* @param {?} _elementRef
* @param {?} _zone
*/
function ItemSliding(list, _plt, _dom, _renderer, _elementRef, _zone) {
this._plt = _plt;
this._dom = _dom;
this._renderer = _renderer;
this._elementRef = _elementRef;
this._zone = _zone;
this._openAmount = 0;
this._startX = 0;
this._optsWidthRightSide = 0;
this._optsWidthLeftSide = 0;
this._tmr = null;
this._optsDirty = true;
this._state = 2 /* Disabled */;
/**
* \@output {event} Emitted when the sliding position changes.
* It reports the relative position.
*
* ```ts
* ondrag(item) {
* let percent = item.getSlidingPercent();
* if (percent > 0) {
* // positive
* console.log('right side');
* } else {
* // negative
* console.log('left side');
* }
* if (Math.abs(percent) > 1) {
* console.log('overscroll');
* }
* }
* ```
*
*/
this.ionDrag = new EventEmitter();
list && list.containsSlidingItem(true);
_elementRef.nativeElement.$ionComponent = this;
this.setElementClass('item-wrapper', true);
}
Object.defineProperty(ItemSliding.prototype, "_itemOptions", {
/**
* @param {?} itemOptions
* @return {?}
*/
set: function (itemOptions) {
var /** @type {?} */ sides = 0;
// Reset left and right options in case they were removed
this._leftOptions = this._rightOptions = null;
for (var _i = 0, _a = itemOptions.toArray(); _i < _a.length; _i++) {
var item = _a[_i];
var /** @type {?} */ side = item.getSides();
if (side === ITEM_SIDE_FLAG_LEFT) {
this._leftOptions = item;
}
else {
this._rightOptions = item;
}
sides |= item.getSides();
}
this._optsDirty = true;
this._sides = sides;
},
enumerable: true,
configurable: true
});
/**
* @hidden
* @return {?}
*/
ItemSliding.prototype.getOpenAmount = function () {
return this._openAmount;
};
/**
* @hidden
* @return {?}
*/
ItemSliding.prototype.getSlidingPercent = function () {
var /** @type {?} */ openAmount = this._openAmount;
if (openAmount > 0) {
return openAmount / this._optsWidthRightSide;
}
else if (openAmount < 0) {
return openAmount / this._optsWidthLeftSide;
}
else {
return 0;
}
};
/**
* @hidden
* @param {?} startX
* @return {?}
*/
ItemSliding.prototype.startSliding = function (startX) {
if (this._tmr) {
this._plt.cancelTimeout(this._tmr);
this._tmr = null;
}
if (this._openAmount === 0) {
this._optsDirty = true;
this._setState(4 /* Enabled */);
}
this._startX = startX + this._openAmount;
this.item.setElementStyle(this._plt.Css.transition, 'none');
};
/**
* @hidden
* @param {?} x
* @return {?}
*/
ItemSliding.prototype.moveSliding = function (x) {
if (this._optsDirty) {
this.calculateOptsWidth();
return;
}
var /** @type {?} */ openAmount = (this._startX - x);
switch (this._sides) {
case ITEM_SIDE_FLAG_RIGHT:
openAmount = Math.max(0, openAmount);
break;
case ITEM_SIDE_FLAG_LEFT:
openAmount = Math.min(0, openAmount);
break;
case ITEM_SIDE_FLAG_BOTH: break;
case ITEM_SIDE_FLAG_NONE: return;
default:
(void 0) /* assert */;
break;
}
if (openAmount > this._optsWidthRightSide) {
var /** @type {?} */ optsWidth = this._optsWidthRightSide;
openAmount = optsWidth + (openAmount - optsWidth) * ELASTIC_FACTOR;
}
else if (openAmount < -this._optsWidthLeftSide) {
var /** @type {?} */ optsWidth = -this._optsWidthLeftSide;
openAmount = optsWidth + (openAmount - optsWidth) * ELASTIC_FACTOR;
}
this._setOpenAmount(openAmount, false);
return openAmount;
};
/**
* @hidden
* @param {?} velocity
* @return {?}
*/
ItemSliding.prototype.endSliding = function (velocity) {
var /** @type {?} */ restingPoint = (this._openAmount > 0)
? this._optsWidthRightSide
: -this._optsWidthLeftSide;
// Check if the drag didn't clear the buttons mid-point
// and we aren't moving fast enough to swipe open
var /** @type {?} */ isResetDirection = (this._openAmount > 0) === !(velocity < 0);
var /** @type {?} */ isMovingFast = Math.abs(velocity) > 0.3;
var /** @type {?} */ isOnCloseZone = Math.abs(this._openAmount) < Math.abs(restingPoint / 2);
if (swipeShouldReset(isResetDirection, isMovingFast, isOnCloseZone)) {
restingPoint = 0;
}
this._setOpenAmount(restingPoint, true);
this.fireSwipeEvent();
return restingPoint;
};
/**
* @hidden
* @return {?}
*/
ItemSliding.prototype.fireSwipeEvent = function () {
var _this = this;
if (this._state & 32 /* SwipeRight */) {
this._zone.run(function () { return _this._rightOptions.ionSwipe.emit(_this); });
}
else if (this._state & 64 /* SwipeLeft */) {
this._zone.run(function () { return _this._leftOptions.ionSwipe.emit(_this); });
}
};
/**
* @hidden
* @return {?}
*/
ItemSliding.prototype.calculateOptsWidth = function () {
if (!this._optsDirty) {
return;
}
this._optsWidthRightSide = 0;
if (this._rightOptions) {
this._optsWidthRightSide = this._rightOptions.width();
(void 0) /* assert */;
}
this._optsWidthLeftSide = 0;
if (this._leftOptions) {
this._optsWidthLeftSide = this._leftOptions.width();
(void 0) /* assert */;
}
this._optsDirty = false;
};
/**
* @param {?} openAmount
* @param {?} isFinal
* @return {?}
*/
ItemSliding.prototype._setOpenAmount = function (openAmount, isFinal) {
var _this = this;
var /** @type {?} */ platform = this._plt;
if (this._tmr) {
platform.cancelTimeout(this._tmr);
this._tmr = null;
}
this._openAmount = openAmount;
if (isFinal) {
this.item.setElementStyle(platform.Css.transition, '');
}
else {
if (openAmount > 0) {
var /** @type {?} */ state$$1 = (openAmount >= (this._optsWidthRightSide + SWIPE_MARGIN))
? 8 /* Right */ | 32 /* SwipeRight */
: 8;
this._setState(state$$1);
}
else if (openAmount < 0) {
var /** @type {?} */ state$$1 = (openAmount <= (-this._optsWidthLeftSide - SWIPE_MARGIN))
? 16 /* Left */ | 64 /* SwipeLeft */
: 16;
this._setState(state$$1);
}
}
if (openAmount === 0) {
this._tmr = platform.timeout(function () {
_this._setState(2 /* Disabled */);
_this._tmr = null;
}, 600);
this.item.setElementStyle(platform.Css.transform, '');
return;
}
this.item.setElementStyle(platform.Css.transform, "translate3d(" + -openAmount + "px,0,0)");
var /** @type {?} */ ionDrag = this.ionDrag;
if (ionDrag.observers.length > 0) {
ionDrag.emit(this);
}
};
/**
* @param {?} state
* @return {?}
*/
ItemSliding.prototype._setState = function (state$$1) {
if (state$$1 === this._state) {
return;
}
this.setElementClass('active-slide', (state$$1 !== 2 /* Disabled */));
this.setElementClass('active-options-right', !!(state$$1 & 8 /* Right */));
this.setElementClass('active-options-left', !!(state$$1 & 16 /* Left */));
this.setElementClass('active-swipe-right', !!(state$$1 & 32 /* SwipeRight */));
this.setElementClass('active-swipe-left', !!(state$$1 & 64 /* SwipeLeft */));
this._state = state$$1;
};
/**
* Close the sliding item. Items can also be closed from the [List](../../list/List).
*
* The sliding item can be closed by grabbing a reference to `ItemSliding`. In the
* below example, the template reference variable `slidingItem` is placed on the element
* and passed to the `share` method.
*
* ```html
* <ion-list>
* <ion-item-sliding #slidingItem>
* <ion-item>
* Item
* </ion-item>
* <ion-item-options>
* <button ion-button (click)="share(slidingItem)">Share</button>
* </ion-item-options>
* </ion-item-sliding>
* </ion-list>
* ```
*
* ```ts
* import { Component } from '\@angular/core';
* import { ItemSliding } from 'ionic-angular';
*
* \@Component({...})
* export class MyClass {
* constructor() { }
*
* share(slidingItem: ItemSliding) {
* slidingItem.close();
* }
* }
* ```
* @return {?}
*/
ItemSliding.prototype.close = function () {
this._setOpenAmount(0, true);
};
/**
* @hidden
* @param {?} cssClass
* @param {?} shouldAdd
* @return {?}
*/
ItemSliding.prototype.setElementClass = function (cssClass, shouldAdd) {
this._renderer.setElementClass(this._elementRef.nativeElement, cssClass, shouldAdd);
};
return ItemSliding;
}());
ItemSliding.decorators = [
{ type: Component, args: [{
selector: 'ion-item-sliding',
template: "\n <ng-content select=\"ion-item,[ion-item]\"></ng-content>\n <ng-content select=\"ion-item-options\"></ng-content>\n ",
changeDetection: ChangeDetectionStrategy.OnPush,
encapsulation: ViewEncapsulation.None
},] },
];
/**
* @nocollapse
*/
ItemSliding.ctorParameters = function () { return [
{ type: List, decorators: [{ type: Optional },] },
{ type: Platform, },
{ type: DomController, },
{ type: Renderer, },
{ type: ElementRef, },
{ type: NgZone, },
]; };
ItemSliding.propDecorators = {
'item': [{ type: ContentChild, args: [Item,] },],
'ionDrag': [{ type: Output },],
'_itemOptions': [{ type: ContentChildren, args: [forwardRef(function () { return ItemOptions; }),] },],
};
/**
* \@name ItemOptions
* \@description
* The option buttons for an `ion-item-sliding`. These buttons can be placed either on the left or right side.
* You can combine the `(ionSwipe)` event plus the `expandable` directive to create a full swipe action for the item.
*
* \@usage
*
* ```html
* <ion-item-sliding>
* <ion-item>
* Item 1
* </ion-item>
* <ion-item-options side="right" (ionSwipe)="saveItem(item)">
* <button ion-button expandable (click)="saveItem(item)">
* <ion-icon name="star"></ion-icon>
* </button>
* </ion-item-options>
* </ion-item-sliding>
* ```
*/
var ItemOptions = (function () {
/**
* @param {?} _elementRef
* @param {?} _renderer
*/
function ItemOptions(_elementRef, _renderer) {
this._elementRef = _elementRef;
this._renderer = _renderer;
/**
* \@output {event} Emitted when the item has been fully swiped.
*/
this.ionSwipe = new EventEmitter();
}
/**
* @hidden
* @return {?}
*/
ItemOptions.prototype.getSides = function () {
if (isPresent$1(this.side) && this.side === 'left') {
return ITEM_SIDE_FLAG_LEFT;
}
return ITEM_SIDE_FLAG_RIGHT;
};
/**
* @hidden
* @return {?}
*/
ItemOptions.prototype.width = function () {
return this._elementRef.nativeElement.offsetWidth;
};
return ItemOptions;
}());
ItemOptions.decorators = [
{ type: Directive, args: [{
selector: 'ion-item-options',
},] },
];
/**
* @nocollapse
*/
ItemOptions.ctorParameters = function () { return [
{ type: ElementRef, },
{ type: Renderer, },
]; };
ItemOptions.propDecorators = {
'side': [{ type: Input },],
'ionSwipe': [{ type: Output },],
};
/**
* @hidden
*/
var Reorder = (function () {
/**
* @param {?} elementRef
*/
function Reorder(elementRef) {
this.elementRef = elementRef;
elementRef.nativeElement['$ionComponent'] = this;
}
/**
* @return {?}
*/
Reorder.prototype.getReorderNode = function () {
return findReorderItem(this.elementRef.nativeElement, null);
};
/**
* @param {?} ev
* @return {?}
*/
Reorder.prototype.onClick = function (ev) {
// Stop propagation if click event reaches ion-reorder
ev.preventDefault();
ev.stopPropagation();
};
return Reorder;
}());
Reorder.decorators = [
{ type: Component, args: [{
selector: 'ion-reorder',
template: "<ion-icon name=\"reorder\"></ion-icon>"
},] },
];
/**
* @nocollapse
*/
Reorder.ctorParameters = function () { return [
{ type: ElementRef, },
]; };
Reorder.propDecorators = {
'onClick': [{ type: HostListener, args: ['click', ['$event'],] },],
};
/**
* @hidden
*/
var LabelModule = (function () {
function LabelModule() {
}
/**
* @return {?}
*/
LabelModule.forRoot = function () {
return {
ngModule: LabelModule, providers: []
};
};
return LabelModule;
}());
LabelModule.decorators = [
{ type: NgModule, args: [{
declarations: [
Label
],
exports: [
Label
]
},] },
];
/**
* @nocollapse
*/
LabelModule.ctorParameters = function () { return []; };
/**
* @hidden
*/
var ItemModule = (function () {
function ItemModule() {
}
/**
* @return {?}
*/
ItemModule.forRoot = function () {
return {
ngModule: ItemModule, providers: []
};
};
return ItemModule;
}());
ItemModule.decorators = [
{ type: NgModule, args: [{
imports: [
CommonModule,
IconModule,
LabelModule
],
declarations: [
Item,
ItemContent,
ItemDivider,
ItemGroup,
ItemOptions,
ItemReorder,
ItemSliding,
Reorder
],
exports: [
Item,
ItemContent,
ItemDivider,
ItemGroup,
ItemOptions,
ItemReorder,
ItemSliding,
Reorder
]
},] },
];
/**
* @nocollapse
*/
ItemModule.ctorParameters = function () { return []; };
var __extends$67 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* @hidden
*/
var ListHeader = (function (_super) {
__extends$67(ListHeader, _super);
/**
* @param {?} config
* @param {?} renderer
* @param {?} elementRef
* @param {?} _id
*/
function ListHeader(config, renderer, elementRef, _id) {
var _this = _super.call(this, config, elementRef, renderer, 'list-header') || this;
_this._id = _id;
return _this;
}
Object.defineProperty(ListHeader.prototype, "id", {
/**
* @return {?}
*/
get: function () {
return this._id;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._id = val;
this.setElementAttribute('id', val);
},
enumerable: true,
configurable: true
});
return ListHeader;
}(Ion));
ListHeader.decorators = [
{ type: Directive, args: [{
selector: 'ion-list-header'
},] },
];
/**
* @nocollapse
*/
ListHeader.ctorParameters = function () { return [
{ type: Config, },
{ type: Renderer, },
{ type: ElementRef, },
{ type: undefined, decorators: [{ type: Attribute, args: ['id',] },] },
]; };
/**
* @hidden
*/
var ListModule = (function () {
function ListModule() {
}
/**
* @return {?}
*/
ListModule.forRoot = function () {
return {
ngModule: ListModule, providers: []
};
};
return ListModule;
}());
ListModule.decorators = [
{ type: NgModule, args: [{
declarations: [
List,
ListHeader
],
exports: [
List,
ListHeader
]
},] },
];
/**
* @nocollapse
*/
ListModule.ctorParameters = function () { return []; };
/**
* @hidden
*/
var LoadingModule = (function () {
function LoadingModule() {
}
/**
* @return {?}
*/
LoadingModule.forRoot = function () {
return {
ngModule: LoadingModule, providers: []
};
};
return LoadingModule;
}());
LoadingModule.decorators = [
{ type: NgModule, args: [{
imports: [
BackdropModule,
CommonModule,
SpinnerModule
],
declarations: [
LoadingCmp
],
exports: [
LoadingCmp
],
entryComponents: [
LoadingCmp
]
},] },
];
/**
* @nocollapse
*/
LoadingModule.ctorParameters = function () { return []; };
var __extends$68 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* Gesture attached to the content which the menu is assigned to
*/
var MenuContentGesture = (function (_super) {
__extends$68(MenuContentGesture, _super);
/**
* @param {?} plt
* @param {?} menu
* @param {?} gestureCtrl
* @param {?} domCtrl
*/
function MenuContentGesture(plt, menu, gestureCtrl, domCtrl) {
var _this = _super.call(this, plt, plt.doc().body, {
direction: 'x',
edge: menu.side,
threshold: 5,
maxEdgeStart: menu.maxEdgeStart || 50,
zone: false,
passive: true,
domController: domCtrl,
gesture: gestureCtrl.createGesture({
name: GESTURE_MENU_SWIPE,
priority: GESTURE_PRIORITY_MENU_SWIPE,
disableScroll: true
})
}) || this;
_this.menu = menu;
return _this;
}
/**
* @param {?} ev
* @return {?}
*/
MenuContentGesture.prototype.canStart = function (ev) {
var /** @type {?} */ menu = this.menu;
if (!menu.canSwipe()) {
return false;
}
if (menu.isOpen) {
return true;
}
else if (menu.getMenuController().getOpen()) {
return false;
}
return _super.prototype.canStart.call(this, ev);
};
/**
* @param {?} ev
* @return {?}
*/
MenuContentGesture.prototype.onSlideBeforeStart = function (ev) {
(void 0) /* console.debug */;
this.menu._swipeBeforeStart();
};
/**
* @return {?}
*/
MenuContentGesture.prototype.onSlideStart = function () {
(void 0) /* console.debug */;
this.menu._swipeStart();
};
/**
* @param {?} slide
* @param {?} ev
* @return {?}
*/
MenuContentGesture.prototype.onSlide = function (slide, ev) {
var /** @type {?} */ z = (this.menu.side === 'right' ? slide.min : slide.max);
var /** @type {?} */ stepValue = (slide.distance / z);
this.menu._swipeProgress(stepValue);
};
/**
* @param {?} slide
* @param {?} ev
* @return {?}
*/
MenuContentGesture.prototype.onSlideEnd = function (slide, ev) {
var /** @type {?} */ z = (this.menu.side === 'right' ? slide.min : slide.max);
var /** @type {?} */ currentStepValue = (slide.distance / z);
var /** @type {?} */ velocity = slide.velocity;
z = Math.abs(z * 0.5);
var /** @type {?} */ shouldCompleteRight = (velocity >= 0)
&& (velocity > 0.2 || slide.delta > z);
var /** @type {?} */ shouldCompleteLeft = (velocity <= 0)
&& (velocity < -0.2 || slide.delta < -z);
(void 0) /* console.debug */;
this.menu._swipeEnd(shouldCompleteLeft, shouldCompleteRight, currentStepValue, velocity);
};
/**
* @param {?} slide
* @param {?} ev
* @return {?}
*/
MenuContentGesture.prototype.getElementStartPos = function (slide, ev) {
if (this.menu.side === 'right') {
return this.menu.isOpen ? slide.min : slide.max;
}
// left menu
return this.menu.isOpen ? slide.max : slide.min;
};
/**
* @return {?}
*/
MenuContentGesture.prototype.getSlideBoundaries = function () {
if (this.menu.side === 'right') {
return {
min: -this.menu.width(),
max: 0
};
}
// left menu
return {
min: 0,
max: this.menu.width()
};
};
return MenuContentGesture;
}(SlideEdgeGesture));
/**
* \@name Menu
* \@description
* The Menu component is a navigation drawer that slides in from the side of the current
* view. By default, it slides in from the left, but the side can be overridden. The menu
* will be displayed differently based on the mode, however the display type can be changed
* to any of the available [menu types](#menu-types). The menu element should be a sibling
* to the app's content element. There can be any number of menus attached to the content.
* These can be controlled from the templates, or programmatically using the [MenuController](../MenuController).
*
* \@usage
*
* ```html
* <ion-menu [content]="mycontent">
* <ion-content>
* <ion-list>
* <p>some menu content, could be list items</p>
* </ion-list>
* </ion-content>
* </ion-menu>
*
* <ion-nav #mycontent [root]="rootPage"></ion-nav>
* ```
*
* To add a menu to an app, the `<ion-menu>` element should be added as a sibling to the `ion-nav` it will belongs
* to. A [local variable](https://angular.io/docs/ts/latest/guide/user-input.html#local-variables)
* should be added to the `ion-nav` and passed to the `ion-menu`s `content` property.
*
* This tells the menu what it is bound to and what element to watch for gestures.
* In the below example, `content` is using [property binding](https://angular.io/docs/ts/latest/guide/template-syntax.html#!#property-binding)
* because `mycontent` is a reference to the `<ion-nav>` element, and not a string.
*
*
* ### Opening/Closing Menus
*
* There are several ways to open or close a menu. The menu can be **toggled** open or closed
* from the template using the [MenuToggle](../MenuToggle) directive. It can also be
* **closed** from the template using the [MenuClose](../MenuClose) directive. To display a menu
* programmatically, inject the [MenuController](../MenuController) provider and call any of the
* `MenuController` methods.
*
*
* ### Menu Types
*
* The menu supports several display types: `overlay`, `reveal` and `push`. By default,
* it will use the correct type based on the mode, but this can be changed. The default
* type for both Material Design and Windows mode is `overlay`, and `reveal` is the default
* type for iOS mode. The menu type can be changed in the app's [config](../../config/Config)
* via the `menuType` property, or passed in the `type` property on the `<ion-menu>` element.
* See [usage](#usage) below for examples of changing the menu type.
*
*
* ### Navigation Bar Behavior
*
* If a [MenuToggle](../MenuToggle) button is added to the [Navbar](../../navbar/Navbar) of
* a page, the button will only appear when the page it's in is currently a root page. The
* root page is the initial page loaded in the app, or a page that has been set as the root
* using the [setRoot](../../nav/NavController/#setRoot) method on the [NavController](../../nav/NavController).
*
* For example, say the application has two pages, `Page1` and `Page2`, and both have a
* `MenuToggle` button in their navigation bars. Assume the initial page loaded into the app
* is `Page1`, making it the root page. `Page1` will display the `MenuToggle` button, but once
* `Page2` is pushed onto the navigation stack, the `MenuToggle` will not be displayed.
*
*
* ### Persistent Menus
*
* Persistent menus display the [MenuToggle](../MenuToggle) button in the [Navbar](../../navbar/Navbar)
* on all pages in the navigation stack. To make a menu persistent set `persistent` to `true` on the
* `<ion-menu>` element. Note that this will only affect the `MenuToggle` button in the `Navbar` attached
* to the `Menu` with `persistent` set to true, any other `MenuToggle` buttons will not be affected.
* ### Menu Side
*
* By default, menus slide in from the left, but this can be overridden by passing `right`
* to the `side` property:
*
* ```html
* <ion-menu side="right" [content]="mycontent">...</ion-menu>
* ```
*
*
* ### Menu Type
*
* The menu type can be changed by passing the value to `type` on the `<ion-menu>`:
*
* ```html
* <ion-menu type="overlay" [content]="mycontent">...</ion-menu>
* ```
*
* It can also be set in the app's config. The below will set the menu type to
* `push` for all modes, and then set the type to `overlay` for the `ios` mode.
*
* ```ts
* // in NgModules
*
* imports: [
* IonicModule.forRoot(MyApp,{
* menuType: 'push',
* platforms: {
* ios: {
* menuType: 'overlay',
* }
* }
* })
* ],
* ```
*
*
* ### Displaying the Menu
*
* To toggle a menu from the template, add a button with the `menuToggle`
* directive anywhere in the page's template:
*
* ```html
* <button ion-button menuToggle>Toggle Menu</button>
* ```
*
* To close a menu, add the `menuClose` button. It can be added anywhere
* in the content, or even the menu itself. Below it is added to the menu's
* content:
*
* ```html
* <ion-menu [content]="mycontent">
* <ion-content>
* <ion-list>
* <ion-item menuClose detail-none>Close Menu</ion-item>
* </ion-list>
* </ion-content>
* </ion-menu>
* ```
*
* See the [MenuToggle](../MenuToggle) and [MenuClose](../MenuClose) docs
* for more information on these directives.
*
* The menu can also be controlled from the Page by using the `MenuController`.
* Inject the `MenuController` provider into the page and then call any of its
* methods. In the below example, the `openMenu` method will open the menu
* when it is called.
*
* ```ts
* import { Component } from '\@angular/core';
* import { MenuController } from 'ionic-angular';
*
* \@Component({...})
* export class MyPage {
* constructor(public menuCtrl: MenuController) {}
*
* openMenu() {
* this.menuCtrl.open();
* }
* }
* ```
*
* See the [MenuController](../MenuController) API docs for all of the methods
* and usage information.
*
*
* \@demo /docs/demos/src/menu/
*
* @see {\@link /docs/components#menus Menu Component Docs}
* @see {\@link ../MenuController MenuController API Docs}
* @see {\@link ../../nav/Nav Nav API Docs}
* @see {\@link ../../nav/NavController NavController API Docs}
*/
var Menu = (function () {
/**
* @param {?} _menuCtrl
* @param {?} _elementRef
* @param {?} _config
* @param {?} _plt
* @param {?} _renderer
* @param {?} _keyboard
* @param {?} _zone
* @param {?} _gestureCtrl
* @param {?} _domCtrl
* @param {?} _app
*/
function Menu(_menuCtrl, _elementRef, _config, _plt, _renderer, _keyboard, _zone, _gestureCtrl, _domCtrl, _app) {
this._menuCtrl = _menuCtrl;
this._elementRef = _elementRef;
this._config = _config;
this._plt = _plt;
this._renderer = _renderer;
this._keyboard = _keyboard;
this._zone = _zone;
this._gestureCtrl = _gestureCtrl;
this._domCtrl = _domCtrl;
this._app = _app;
this._isSwipeEnabled = true;
this._isAnimating = false;
this._isPersistent = false;
this._init = false;
this._isPane = false;
/**
* @hidden
*/
this.isOpen = false;
/**
* \@output {event} Emitted when the menu is being dragged open.
*/
this.ionDrag = new EventEmitter();
/**
* \@output {event} Emitted when the menu has been opened.
*/
this.ionOpen = new EventEmitter();
/**
* \@output {event} Emitted when the menu has been closed.
*/
this.ionClose = new EventEmitter();
this._events = new UIEventManager(_plt);
this._gestureBlocker = _gestureCtrl.createBlocker({
disable: [GESTURE_GO_BACK_SWIPE]
});
}
Object.defineProperty(Menu.prototype, "enabled", {
/**
* \@input {boolean} If true, the menu is enabled. Default `true`.
* @return {?}
*/
get: function () {
return this._isEnabled;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
var /** @type {?} */ isEnabled = isTrueProperty(val);
this.enable(isEnabled);
},
enumerable: true,
configurable: true
});
Object.defineProperty(Menu.prototype, "swipeEnabled", {
/**
* \@input {boolean} If true, swiping the menu is enabled. Default `true`.
* @return {?}
*/
get: function () {
return this._isSwipeEnabled;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
var /** @type {?} */ isEnabled = isTrueProperty(val);
this.swipeEnable(isEnabled);
},
enumerable: true,
configurable: true
});
Object.defineProperty(Menu.prototype, "persistent", {
/**
* \@input {boolean} If true, the menu will persist on child pages.
* @return {?}
*/
get: function () {
return this._isPersistent;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._isPersistent = isTrueProperty(val);
},
enumerable: true,
configurable: true
});
/**
* @hidden
* @return {?}
*/
Menu.prototype.ngOnInit = function () {
var _this = this;
this._init = true;
var /** @type {?} */ content = this.content;
this._cntEle = (content instanceof Node) ? content : content && content.getNativeElement && content.getNativeElement();
// requires content element
if (!this._cntEle) {
return console.error('Menu: must have a [content] element to listen for drag events on. Example:\n\n<ion-menu [content]="content"></ion-menu>\n\n<ion-nav #content></ion-nav>');
}
// normalize the "side"
if (this.side !== 'left' && this.side !== 'right') {
this.side = 'left';
}
this.setElementAttribute('side', this.side);
// normalize the "type"
if (!this.type) {
this.type = this._config.get('menuType');
}
this.setElementAttribute('type', this.type);
// add the gestures
this._gesture = new MenuContentGesture(this._plt, this, this._gestureCtrl, this._domCtrl);
// add menu's content classes
this._cntEle.classList.add('menu-content');
this._cntEle.classList.add('menu-content-' + this.type);
var /** @type {?} */ isEnabled = this._isEnabled;
if (isEnabled === true || typeof isEnabled === 'undefined') {
// check if more than one menu is on the same side
isEnabled = !this._menuCtrl.getMenus().some(function (m) {
return m.side === _this.side && m.enabled;
});
}
// register this menu with the app's menu controller
this._menuCtrl._register(this);
// mask it as enabled / disabled
this.enable(isEnabled);
};
/**
* @hidden
* @param {?} ev
* @return {?}
*/
Menu.prototype.onBackdropClick = function (ev) {
ev.preventDefault();
ev.stopPropagation();
this._menuCtrl.close();
};
/**
* @hidden
* @return {?}
*/
Menu.prototype._getType = function () {
if (!this._type) {
this._type = MenuController.create(this.type, this, this._plt);
if (this._config.get('animate') === false) {
this._type.ani.duration(0);
}
}
return this._type;
};
/**
* @hidden
* @param {?} shouldOpen
* @param {?=} animated
* @return {?}
*/
Menu.prototype.setOpen = function (shouldOpen, animated) {
var _this = this;
if (animated === void 0) { animated = true; }
// If the menu is disabled or it is currenly being animated, let's do nothing
if ((shouldOpen === this.isOpen) || !this._canOpen() || this._isAnimating) {
return Promise.resolve(this.isOpen);
}
return new Promise(function (resolve) {
_this._before();
_this._getType().setOpen(shouldOpen, animated, function () {
_this._after(shouldOpen);
resolve(_this.isOpen);
});
});
};
/**
* @return {?}
*/
Menu.prototype._forceClosing = function () {
var _this = this;
(void 0) /* assert */;
this._isAnimating = true;
this._getType().setOpen(false, false, function () {
_this._after(false);
});
};
/**
* @hidden
* @return {?}
*/
Menu.prototype.canSwipe = function () {
return this._isSwipeEnabled &&
!this._isAnimating &&
this._canOpen() &&
this._app.isEnabled();
};
/**
* @hidden
* @return {?}
*/
Menu.prototype.isAnimating = function () {
return this._isAnimating;
};
/**
* @return {?}
*/
Menu.prototype._swipeBeforeStart = function () {
if (!this.canSwipe()) {
(void 0) /* assert */;
return;
}
this._before();
};
/**
* @return {?}
*/
Menu.prototype._swipeStart = function () {
if (!this._isAnimating) {
(void 0) /* assert */;
return;
}
this._getType().setProgressStart(this.isOpen);
};
/**
* @param {?} stepValue
* @return {?}
*/
Menu.prototype._swipeProgress = function (stepValue) {
if (!this._isAnimating) {
(void 0) /* assert */;
return;
}
this._getType().setProgessStep(stepValue);
var /** @type {?} */ ionDrag = this.ionDrag;
if (ionDrag.observers.length > 0) {
ionDrag.emit(stepValue);
}
};
/**
* @param {?} shouldCompleteLeft
* @param {?} shouldCompleteRight
* @param {?} stepValue
* @param {?} velocity
* @return {?}
*/
Menu.prototype._swipeEnd = function (shouldCompleteLeft, shouldCompleteRight, stepValue, velocity) {
var _this = this;
if (!this._isAnimating) {
(void 0) /* assert */;
return;
}
// user has finished dragging the menu
var /** @type {?} */ opening = !this.isOpen;
var /** @type {?} */ shouldComplete = false;
if (opening) {
shouldComplete = (this.side === 'right') ? shouldCompleteLeft : shouldCompleteRight;
}
else {
shouldComplete = (this.side === 'right') ? shouldCompleteRight : shouldCompleteLeft;
}
this._getType().setProgressEnd(shouldComplete, stepValue, velocity, function (isOpen) {
(void 0) /* console.debug */;
_this._after(isOpen);
});
};
/**
* @return {?}
*/
Menu.prototype._before = function () {
(void 0) /* assert */;
// this places the menu into the correct location before it animates in
// this css class doesn't actually kick off any animations
this.setElementClass('show-menu', true);
this.backdrop.setElementClass('show-backdrop', true);
this.resize();
this._keyboard.close();
this._isAnimating = true;
};
/**
* @param {?} isOpen
* @return {?}
*/
Menu.prototype._after = function (isOpen) {
(void 0) /* assert */;
this._app.setEnabled(false, 100);
// keep opening/closing the menu disabled for a touch more yet
// only add listeners/css if it's enabled and isOpen
// and only remove listeners/css if it's not open
// emit opened/closed events
this.isOpen = isOpen;
this._isAnimating = false;
this._events.unlistenAll();
if (isOpen) {
// Disable swipe to go back gesture
this._gestureBlocker.block();
this._cntEle.classList.add('menu-content-open');
var /** @type {?} */ callback = this.onBackdropClick.bind(this);
this._events.listen(this._cntEle, 'click', callback, { capture: true });
this._events.listen(this.backdrop.getNativeElement(), 'click', callback, { capture: true });
this.ionOpen.emit(true);
}
else {
// Enable swipe to go back gesture
this._gestureBlocker.unblock();
this._cntEle.classList.remove('menu-content-open');
this.setElementClass('show-menu', false);
this.backdrop.setElementClass('show-menu', false);
this.ionClose.emit(true);
}
};
/**
* @hidden
* @return {?}
*/
Menu.prototype.open = function () {
return this.setOpen(true);
};
/**
* @hidden
* @return {?}
*/
Menu.prototype.close = function () {
return this.setOpen(false);
};
/**
* @hidden
* @return {?}
*/
Menu.prototype.resize = function () {
var /** @type {?} */ content = this.menuContent
? this.menuContent
: this.menuNav;
content && content.resize();
};
/**
* @hidden
* @return {?}
*/
Menu.prototype.toggle = function () {
return this.setOpen(!this.isOpen);
};
/**
* @return {?}
*/
Menu.prototype._canOpen = function () {
return this._isEnabled && !this._isPane;
};
/**
* @hidden
* @return {?}
*/
Menu.prototype._updateState = function () {
var /** @type {?} */ canOpen = this._canOpen();
// Close menu inmediately
if (!canOpen && this.isOpen) {
(void 0) /* assert */;
// close if this menu is open, and should not be enabled
this._forceClosing();
}
if (this._isEnabled && this._menuCtrl) {
this._menuCtrl._setActiveMenu(this);
}
if (!this._init) {
return;
}
var /** @type {?} */ gesture = this._gesture;
// only listen/unlisten if the menu has initialized
if (canOpen && this._isSwipeEnabled && !gesture.isListening) {
// should listen, but is not currently listening
(void 0) /* console.debug */;
gesture.listen();
}
else if (gesture.isListening && (!canOpen || !this._isSwipeEnabled)) {
// should not listen, but is currently listening
(void 0) /* console.debug */;
gesture.unlisten();
}
if (this.isOpen || (this._isPane && this._isEnabled)) {
this.resize();
}
(void 0) /* assert */;
};
/**
* @hidden
* @param {?} shouldEnable
* @return {?}
*/
Menu.prototype.enable = function (shouldEnable) {
this._isEnabled = shouldEnable;
this.setElementClass('menu-enabled', shouldEnable);
this._updateState();
return this;
};
/**
* \@internal
* @return {?}
*/
Menu.prototype.initPane = function () {
return false;
};
/**
* \@internal
* @param {?} isPane
* @return {?}
*/
Menu.prototype.paneChanged = function (isPane) {
this._isPane = isPane;
this._updateState();
};
/**
* @hidden
* @param {?} shouldEnable
* @return {?}
*/
Menu.prototype.swipeEnable = function (shouldEnable) {
this._isSwipeEnabled = shouldEnable;
this._updateState();
return this;
};
/**
* @hidden
* @return {?}
*/
Menu.prototype.getNativeElement = function () {
return this._elementRef.nativeElement;
};
/**
* @hidden
* @return {?}
*/
Menu.prototype.getMenuElement = function () {
return (this.getNativeElement().querySelector('.menu-inner'));
};
/**
* @hidden
* @return {?}
*/
Menu.prototype.getContentElement = function () {
return this._cntEle;
};
/**
* @hidden
* @return {?}
*/
Menu.prototype.getBackdropElement = function () {
return this.backdrop.getNativeElement();
};
/**
* @hidden
* @return {?}
*/
Menu.prototype.width = function () {
return this.getMenuElement().offsetWidth;
};
/**
* @hidden
* @return {?}
*/
Menu.prototype.getMenuController = function () {
return this._menuCtrl;
};
/**
* @hidden
* @param {?} className
* @param {?} add
* @return {?}
*/
Menu.prototype.setElementClass = function (className, add) {
this._renderer.setElementClass(this._elementRef.nativeElement, className, add);
};
/**
* @hidden
* @param {?} attributeName
* @param {?} value
* @return {?}
*/
Menu.prototype.setElementAttribute = function (attributeName, value) {
this._renderer.setElementAttribute(this._elementRef.nativeElement, attributeName, value);
};
/**
* @hidden
* @return {?}
*/
Menu.prototype.getElementRef = function () {
return this._elementRef;
};
/**
* @hidden
* @return {?}
*/
Menu.prototype.ngOnDestroy = function () {
this._menuCtrl._unregister(this);
this._events.destroy();
this._gesture && this._gesture.destroy();
this._type && this._type.destroy();
this._gesture = null;
this._type = null;
this._cntEle = null;
};
return Menu;
}());
Menu.decorators = [
{ type: Component, args: [{
selector: 'ion-menu',
template: '<div class="menu-inner"><ng-content></ng-content></div>' +
'<ion-backdrop></ion-backdrop>',
host: {
'role': 'navigation'
},
changeDetection: ChangeDetectionStrategy.OnPush,
encapsulation: ViewEncapsulation.None,
providers: [{ provide: RootNode, useExisting: forwardRef(function () { return Menu; }) }]
},] },
];
/**
* @nocollapse
*/
Menu.ctorParameters = function () { return [
{ type: MenuController, },
{ type: ElementRef, },
{ type: Config, },
{ type: Platform, },
{ type: Renderer, },
{ type: Keyboard, },
{ type: NgZone, },
{ type: GestureController, },
{ type: DomController, },
{ type: App, },
]; };
Menu.propDecorators = {
'backdrop': [{ type: ViewChild, args: [Backdrop,] },],
'menuContent': [{ type: ContentChild, args: [Content,] },],
'menuNav': [{ type: ContentChild, args: [Nav,] },],
'content': [{ type: Input },],
'id': [{ type: Input },],
'side': [{ type: Input },],
'type': [{ type: Input },],
'enabled': [{ type: Input },],
'swipeEnabled': [{ type: Input },],
'persistent': [{ type: Input },],
'maxEdgeStart': [{ type: Input },],
'ionDrag': [{ type: Output },],
'ionOpen': [{ type: Output },],
'ionClose': [{ type: Output },],
};
/**
* \@name MenuClose
* \@description
* The `menuClose` directive can be placed on any button to close an open menu.
*
* \@usage
*
* A simple `menuClose` button can be added using the following markup:
*
* ```html
* <button ion-button menuClose>Close Menu</button>
* ```
*
* To close a certain menu by its id or side, give the `menuClose`
* directive a value.
*
* ```html
* <button ion-button menuClose="left">Close Left Menu</button>
* ```
*
* \@demo /docs/demos/src/menu/
* @see {\@link /docs/components#menus Menu Component Docs}
* @see {\@link ../../menu/Menu Menu API Docs}
*/
var MenuClose = (function () {
/**
* @param {?} _menu
*/
function MenuClose(_menu) {
this._menu = _menu;
}
/**
* @hidden
* @return {?}
*/
MenuClose.prototype.close = function () {
var /** @type {?} */ menu = this._menu.get(this.menuClose);
menu && menu.close();
};
return MenuClose;
}());
MenuClose.decorators = [
{ type: Directive, args: [{
selector: '[menuClose]'
},] },
];
/**
* @nocollapse
*/
MenuClose.ctorParameters = function () { return [
{ type: MenuController, },
]; };
MenuClose.propDecorators = {
'menuClose': [{ type: Input },],
'close': [{ type: HostListener, args: ['click',] },],
};
var __extends$70 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* @hidden
*/
var ToolbarBase = (function (_super) {
__extends$70(ToolbarBase, _super);
/**
* @param {?} config
* @param {?} elementRef
* @param {?} renderer
*/
function ToolbarBase(config, elementRef, renderer) {
return _super.call(this, config, elementRef, renderer, 'toolbar') || this;
}
/**
* @hidden
* @param {?} titleCmp
* @return {?}
*/
ToolbarBase.prototype._setTitle = function (titleCmp) {
this._title = titleCmp;
};
/**
* @hidden
* Returns the toolbar title text if it exists or an empty string
* @return {?}
*/
ToolbarBase.prototype.getTitleText = function () {
return (this._title && this._title.getTitleText()) || '';
};
return ToolbarBase;
}(Ion));
var __extends$69 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* \@name Navbar
* \@description
* Navbar acts as the navigational toolbar, which also comes with a back
* button. A navbar can contain a `ion-title`, any number of buttons,
* a segment, or a searchbar. Navbars must be placed within an
* `<ion-header>` in order for them to be placed above the content.
* It's important to note that navbar's are part of the dynamic navigation
* stack. If you need a static toolbar, use ion-toolbar.
*
* \@usage
* ```html
* <ion-header>
*
* <ion-navbar>
* <button ion-button icon-only menuToggle>
* <ion-icon name="menu"></ion-icon>
* </button>
*
* <ion-title>
* Page Title
* </ion-title>
*
* <ion-buttons end>
* <button ion-button icon-only (click)="openModal()">
* <ion-icon name="options"></ion-icon>
* </button>
* </ion-buttons>
* </ion-navbar>
*
* </ion-header>
* ```
*
* \@demo /docs/demos/src/navbar/
* @see {\@link ../../toolbar/Toolbar/ Toolbar API Docs}
*/
var Navbar = (function (_super) {
__extends$69(Navbar, _super);
/**
* @param {?} _app
* @param {?} viewCtrl
* @param {?} navCtrl
* @param {?} config
* @param {?} elementRef
* @param {?} renderer
*/
function Navbar(_app, viewCtrl, navCtrl, config, elementRef, renderer) {
var _this = _super.call(this, config, elementRef, renderer) || this;
_this._app = _app;
_this.navCtrl = navCtrl;
/**
* @hidden
*/
_this._hidden = false;
/**
* @hidden
*/
_this._hideBb = false;
viewCtrl && viewCtrl._setNavbar(_this);
_this._bbIcon = config.get('backButtonIcon');
_this._sbPadding = config.getBoolean('statusbarPadding');
_this._backText = config.get('backButtonText', 'Back');
return _this;
}
Object.defineProperty(Navbar.prototype, "hideBackButton", {
/**
* \@input {boolean} If true, the back button will be hidden.
* @return {?}
*/
get: function () {
return this._hideBb;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._hideBb = isTrueProperty(val);
},
enumerable: true,
configurable: true
});
/**
* @param {?} ev
* @return {?}
*/
Navbar.prototype.backButtonClick = function (ev) {
ev.preventDefault();
ev.stopPropagation();
this.navCtrl && this.navCtrl.pop(null, null);
};
/**
* Set the text of the Back Button in the Nav Bar. Defaults to "Back".
* @param {?} text
* @return {?}
*/
Navbar.prototype.setBackButtonText = function (text) {
this._backText = text;
};
/**
* @hidden
* @return {?}
*/
Navbar.prototype.didEnter = function () {
try {
this._app.setTitle(this.getTitleText());
}
catch (e) {
console.error(e);
}
};
/**
* @hidden
* @param {?} isHidden
* @return {?}
*/
Navbar.prototype.setHidden = function (isHidden) {
// used to display none/block the navbar
this._hidden = isHidden;
};
return Navbar;
}(ToolbarBase));
Navbar.decorators = [
{ type: Component, args: [{
selector: 'ion-navbar',
template: '<div class="toolbar-background" [ngClass]="\'toolbar-background-\' + _mode"></div>' +
'<button (click)="backButtonClick($event)" ion-button="bar-button" class="back-button" [ngClass]="\'back-button-\' + _mode" [hidden]="_hideBb">' +
'<ion-icon class="back-button-icon" [ngClass]="\'back-button-icon-\' + _mode" [name]="_bbIcon"></ion-icon>' +
'<span class="back-button-text" [ngClass]="\'back-button-text-\' + _mode">{{_backText}}</span>' +
'</button>' +
'<ng-content select="[menuToggle],ion-buttons[left]"></ng-content>' +
'<ng-content select="ion-buttons[start]"></ng-content>' +
'<ng-content select="ion-buttons[end],ion-buttons[right]"></ng-content>' +
'<div class="toolbar-content" [ngClass]="\'toolbar-content-\' + _mode">' +
'<ng-content></ng-content>' +
'</div>',
host: {
'[hidden]': '_hidden',
'class': 'toolbar',
'[class.statusbar-padding]': '_sbPadding'
}
},] },
];
/**
* @nocollapse
*/
Navbar.ctorParameters = function () { return [
{ type: App, },
{ type: ViewController, decorators: [{ type: Optional },] },
{ type: NavController, decorators: [{ type: Optional },] },
{ type: Config, },
{ type: ElementRef, },
{ type: Renderer, },
]; };
Navbar.propDecorators = {
'hideBackButton': [{ type: Input },],
};
/**
* \@name MenuToggle
* \@description
* The `menuToggle` directive can be placed on any button to toggle a menu open or closed.
* If it is added to the [NavBar](../../navbar/NavBar) of a page, the button will only appear
* when the page it's in is currently a root page. See the [Menu Navigation Bar Behavior](../Menu#navigation-bar-behavior)
* docs for more information.
*
*
* \@usage
*
* A simple `menuToggle` button can be added using the following markup:
*
* ```html
* <button ion-button menuToggle>Toggle Menu</button>
* ```
*
* To toggle a specific menu by its id or side, give the `menuToggle`
* directive a value.
*
* ```html
* <button ion-button menuToggle="right">Toggle Right Menu</button>
* ```
*
* If placing the `menuToggle` in a navbar or toolbar, it should be
* placed as a child of the `<ion-navbar>` or `<ion-toolbar>`, and not in
* the `<ion-buttons>` element:
*
* ```html
* <ion-header>
*
* <ion-navbar>
* <ion-buttons start>
* <button ion-button>
* <ion-icon name="contact"></ion-icon>
* </button>
* </ion-buttons>
* <button ion-button menuToggle>
* <ion-icon name="menu"></ion-icon>
* </button>
* <ion-title>
* Title
* </ion-title>
* <ion-buttons end>
* <button ion-button (click)="doClick()">
* <ion-icon name="more"></ion-icon>
* </button>
* </ion-buttons>
* </ion-navbar>
*
* </ion-header>
* ```
*
* Similar to `<ion-buttons>`, the `menuToggle` can be positioned using
* `start`, `end`, `left`, or `right`:
*
* ```html
* <ion-toolbar>
* <button ion-button menuToggle right>
* <ion-icon name="menu"></ion-icon>
* </button>
* <ion-title>
* Title
* </ion-title>
* <ion-buttons end>
* <button ion-button (click)="doClick()">
* <ion-icon name="more"></ion-icon>
* </button>
* </ion-buttons>
* </ion-toolbar>
* ```
*
* See the [Toolbar API docs](../../toolbar/Toolbar) for more information
* on the different positions.
*
* \@demo /docs/demos/src/menu/
* @see {\@link /docs/components#menus Menu Component Docs}
* @see {\@link ../../menu/Menu Menu API Docs}
*/
var MenuToggle = (function () {
/**
* @param {?} _menu
* @param {?} _viewCtrl
* @param {?} _button
* @param {?} _navbar
*/
function MenuToggle(_menu, _viewCtrl, _button, _navbar) {
this._menu = _menu;
this._viewCtrl = _viewCtrl;
this._button = _button;
this._navbar = _navbar;
this._isButton = !!_button;
this._inNavbar = !!_navbar;
}
/**
* @return {?}
*/
MenuToggle.prototype.ngAfterContentInit = function () {
// Add the bar-button-menutoggle / button-menutoggle class
if (this._isButton) {
this._button._setClass('menutoggle', true);
}
};
/**
* @hidden
* @return {?}
*/
MenuToggle.prototype.toggle = function () {
var /** @type {?} */ menu = this._menu.get(this.menuToggle);
menu && menu.toggle();
};
Object.defineProperty(MenuToggle.prototype, "isHidden", {
/**
* @hidden
* @return {?}
*/
get: function () {
var /** @type {?} */ menu = this._menu.get(this.menuToggle);
if (this._inNavbar && this._viewCtrl) {
if (!menu || !menu._canOpen()) {
return true;
}
if (this._viewCtrl.isFirst()) {
// this is the first view, so it should always show
return false;
}
if (menu) {
// this is not the root view, so see if this menu
// is configured to still be enabled if it's not the root view
return !menu.persistent;
}
}
return false;
},
enumerable: true,
configurable: true
});
return MenuToggle;
}());
MenuToggle.decorators = [
{ type: Directive, args: [{
selector: '[menuToggle]',
host: {
'[hidden]': 'isHidden'
}
},] },
];
/**
* @nocollapse
*/
MenuToggle.ctorParameters = function () { return [
{ type: MenuController, },
{ type: ViewController, decorators: [{ type: Optional },] },
{ type: Button, decorators: [{ type: Optional },] },
{ type: Navbar, decorators: [{ type: Optional },] },
]; };
MenuToggle.propDecorators = {
'menuToggle': [{ type: Input },],
'toggle': [{ type: HostListener, args: ['click',] },],
};
/**
* @hidden
*/
var MenuModule = (function () {
function MenuModule() {
}
/**
* @return {?}
*/
MenuModule.forRoot = function () {
return {
ngModule: MenuModule, providers: []
};
};
return MenuModule;
}());
MenuModule.decorators = [
{ type: NgModule, args: [{
imports: [
BackdropModule
],
declarations: [
Menu,
MenuClose,
MenuToggle
],
exports: [
Menu,
MenuClose,
MenuToggle
]
},] },
];
/**
* @nocollapse
*/
MenuModule.ctorParameters = function () { return []; };
/**
* @hidden
*/
var ModalModule = (function () {
function ModalModule() {
}
/**
* @return {?}
*/
ModalModule.forRoot = function () {
return {
ngModule: ModalModule, providers: []
};
};
return ModalModule;
}());
ModalModule.decorators = [
{ type: NgModule, args: [{
imports: [
BackdropModule
],
declarations: [
ModalCmp
],
exports: [
ModalCmp
],
entryComponents: [
ModalCmp
]
},] },
];
/**
* @nocollapse
*/
ModalModule.ctorParameters = function () { return []; };
/**
* @hidden
*/
var NavbarModule = (function () {
function NavbarModule() {
}
/**
* @return {?}
*/
NavbarModule.forRoot = function () {
return {
ngModule: NavbarModule, providers: []
};
};
return NavbarModule;
}());
NavbarModule.decorators = [
{ type: NgModule, args: [{
imports: [
ButtonModule,
CommonModule,
IconModule
],
declarations: [
Navbar
],
exports: [
Navbar
]
},] },
];
/**
* @nocollapse
*/
NavbarModule.ctorParameters = function () { return []; };
var __extends$71 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* \@name Note
* \@module ionic
* \@description
* A note is detailed item in an ion-item. It creates greyed out element that can be on the left or right side of an item.
* \@usage
*
* ```html
* <ion-content>
* <ion-list>
* <ion-item>
* <ion-note item-left>
* Left Note
* </ion-note>
* My Item
* <ion-note item-right>
* Right Note
* </ion-note>
* </ion-item>
* </ion-list>
* </ion-content>
* ```
* {\@link /docs/api/components/api/components/item/item ion-item}
*/
var Note = (function (_super) {
__extends$71(Note, _super);
/**
* @param {?} config
* @param {?} elementRef
* @param {?} renderer
*/
function Note(config, elementRef, renderer) {
return _super.call(this, config, elementRef, renderer, 'note') || this;
}
return Note;
}(Ion));
Note.decorators = [
{ type: Directive, args: [{
selector: 'ion-note'
},] },
];
/**
* @nocollapse
*/
Note.ctorParameters = function () { return [
{ type: Config, },
{ type: ElementRef, },
{ type: Renderer, },
]; };
/**
* @hidden
*/
var NoteModule = (function () {
function NoteModule() {
}
/**
* @return {?}
*/
NoteModule.forRoot = function () {
return {
ngModule: NoteModule, providers: []
};
};
return NoteModule;
}());
NoteModule.decorators = [
{ type: NgModule, args: [{
declarations: [
Note
],
exports: [
Note
]
},] },
];
/**
* @nocollapse
*/
NoteModule.ctorParameters = function () { return []; };
/**
* \@name Option
* \@description
* `ion-option` is a child component of `ion-select`. Similar to the native option element, `ion-option` can take a value and a selected property.
*
* \@demo /docs/demos/src/select/
*/
var Option = (function () {
/**
* @param {?} _elementRef
*/
function Option(_elementRef) {
this._elementRef = _elementRef;
this._selected = false;
this._disabled = false;
/**
* \@output {any} Event to evaluate when option is selected.
*/
this.ionSelect = new EventEmitter();
}
Object.defineProperty(Option.prototype, "selected", {
/**
* \@input {boolean} If true, the element is selected.
* @return {?}
*/
get: function () {
return this._selected;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._selected = isTrueProperty(val);
},
enumerable: true,
configurable: true
});
Object.defineProperty(Option.prototype, "value", {
/**
* \@input {any} The value of the option.
* @return {?}
*/
get: function () {
if (isPresent$1(this._value)) {
return this._value;
}
return this.text;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._value = val;
},
enumerable: true,
configurable: true
});
Object.defineProperty(Option.prototype, "disabled", {
/**
* \@input {boolean} If true, the user cannot interact with this element.
* @return {?}
*/
get: function () {
return this._disabled;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._disabled = isTrueProperty(val);
},
enumerable: true,
configurable: true
});
Object.defineProperty(Option.prototype, "text", {
/**
* @hidden
* @return {?}
*/
get: function () {
return this._elementRef.nativeElement.textContent;
},
enumerable: true,
configurable: true
});
return Option;
}());
Option.decorators = [
{ type: Directive, args: [{
selector: 'ion-option'
},] },
];
/**
* @nocollapse
*/
Option.ctorParameters = function () { return [
{ type: ElementRef, },
]; };
Option.propDecorators = {
'ionSelect': [{ type: Output },],
'selected': [{ type: Input },],
'value': [{ type: Input },],
'disabled': [{ type: Input },],
};
/**
* @hidden
*/
var OptionModule = (function () {
function OptionModule() {
}
/**
* @return {?}
*/
OptionModule.forRoot = function () {
return {
ngModule: OptionModule, providers: []
};
};
return OptionModule;
}());
OptionModule.decorators = [
{ type: NgModule, args: [{
declarations: [
Option
],
exports: [
Option
]
},] },
];
/**
* @nocollapse
*/
OptionModule.ctorParameters = function () { return []; };
/**
* @hidden
*/
var PickerModule = (function () {
function PickerModule() {
}
/**
* @return {?}
*/
PickerModule.forRoot = function () {
return {
ngModule: PickerModule, providers: []
};
};
return PickerModule;
}());
PickerModule.decorators = [
{ type: NgModule, args: [{
imports: [
BackdropModule,
ButtonModule,
CommonModule
],
declarations: [
PickerCmp,
PickerColumnCmp
],
exports: [
PickerCmp,
PickerColumnCmp
],
entryComponents: [
PickerCmp
]
},] },
];
/**
* @nocollapse
*/
PickerModule.ctorParameters = function () { return []; };
/**
* @hidden
*/
var PopoverModule = (function () {
function PopoverModule() {
}
/**
* @return {?}
*/
PopoverModule.forRoot = function () {
return {
ngModule: PopoverModule, providers: []
};
};
return PopoverModule;
}());
PopoverModule.decorators = [
{ type: NgModule, args: [{
imports: [
BackdropModule
],
declarations: [
PopoverCmp
],
exports: [
PopoverCmp
],
entryComponents: [
PopoverCmp
]
},] },
];
/**
* @nocollapse
*/
PopoverModule.ctorParameters = function () { return []; };
var RADIO_VALUE_ACCESSOR$1 = {
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(function () { return RadioGroup; }),
multi: true
};
/**
* \@name RadioGroup
* \@description
* A radio group is a group of [radio buttons](../RadioButton). It allows
* a user to select at most one radio button from a set. Checking one radio
* button that belongs to a radio group unchecks any previous checked
* radio button within the same group.
*
* See the [Angular Forms Docs](https://angular.io/docs/ts/latest/guide/forms.html)
* for more information on forms and inputs.
*
* \@usage
* ```html
* <ion-list radio-group [(ngModel)]="autoManufacturers">
*
* <ion-list-header>
* Auto Manufacturers
* </ion-list-header>
*
* <ion-item>
* <ion-label>Cord</ion-label>
* <ion-radio value="cord"></ion-radio>
* </ion-item>
*
* <ion-item>
* <ion-label>Duesenberg</ion-label>
* <ion-radio value="duesenberg"></ion-radio>
* </ion-item>
*
* <ion-item>
* <ion-label>Hudson</ion-label>
* <ion-radio value="hudson"></ion-radio>
* </ion-item>
*
* <ion-item>
* <ion-label>Packard</ion-label>
* <ion-radio value="packard"></ion-radio>
* </ion-item>
*
* <ion-item>
* <ion-label>Studebaker</ion-label>
* <ion-radio value="studebaker"></ion-radio>
* </ion-item>
*
* </ion-list>
* ```
*
* \@demo /docs/demos/src/radio/
* @see {\@link /docs/components#radio Radio Component Docs}
* @see {\@link ../RadioButton RadioButton API Docs}
*/
var RadioGroup = (function () {
/**
* @param {?} _renderer
* @param {?} _elementRef
* @param {?} _cd
*/
function RadioGroup(_renderer, _elementRef, _cd) {
this._renderer = _renderer;
this._elementRef = _elementRef;
this._cd = _cd;
/**
* \@internal
*/
this._disabled = false;
/**
* @hidden
*/
this._btns = [];
/**
* @hidden
*/
this._ids = -1;
/**
* @hidden
*/
this._init = false;
/**
* \@output {any} Emitted when the selected button has changed.
*/
this.ionChange = new EventEmitter();
this.id = ++radioGroupIds;
}
Object.defineProperty(RadioGroup.prototype, "disabled", {
/**
* \@input {boolean} If true, the user cannot interact with any of the buttons in the group.
* @return {?}
*/
get: function () {
return this._disabled;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._disabled = isTrueProperty(val);
},
enumerable: true,
configurable: true
});
/**
* @hidden
* @return {?}
*/
RadioGroup.prototype.ngAfterContentInit = function () {
var /** @type {?} */ activeButton = this._btns.find(function (b) { return b.checked; });
if (activeButton) {
this._setActive(activeButton);
}
};
/**
* @hidden
* @param {?} val
* @return {?}
*/
RadioGroup.prototype.writeValue = function (val) {
(void 0) /* console.debug */;
this.value = val;
if (this._init) {
this._update();
this.onTouched();
this.ionChange.emit(val);
}
this._init = true;
};
/**
* @hidden
* @param {?} fn
* @return {?}
*/
RadioGroup.prototype.registerOnChange = function (fn) {
var _this = this;
this._fn = fn;
this.onChange = function (val) {
// onChange used when there's an formControlName
(void 0) /* console.debug */;
fn(val);
_this.value = val;
_this._update();
_this.onTouched();
_this.ionChange.emit(val);
};
};
/**
* @hidden
* @param {?} fn
* @return {?}
*/
RadioGroup.prototype.registerOnTouched = function (fn) { this.onTouched = fn; };
/**
* @hidden
* @return {?}
*/
RadioGroup.prototype._update = function () {
var _this = this;
// loop through each of the radiobuttons
var /** @type {?} */ hasChecked = false;
this._btns.forEach(function (radioButton) {
// check this radiobutton if its value is
// the same as the radiogroups value
radioButton.checked = isCheckedProperty(_this.value, radioButton.value) && !hasChecked;
if (radioButton.checked) {
// if this button is checked, then set it as
// the radiogroup's active descendant
_this._setActive(radioButton);
hasChecked = true;
}
});
};
/**
* @hidden
* @param {?} radioButton
* @return {?}
*/
RadioGroup.prototype._setActive = function (radioButton) {
this._renderer.setElementAttribute(this._elementRef.nativeElement, 'aria-activedescendant', radioButton.id);
};
/**
* @hidden
* @param {?} button
* @return {?}
*/
RadioGroup.prototype.add = function (button) {
var _this = this;
this._btns.push(button);
// listen for radiobutton select events
button.ionSelect.subscribe(function (val) {
// this radiobutton has been selected
_this.onChange(val);
});
return this.id + '-' + (++this._ids);
};
/**
* @hidden
* @param {?} button
* @return {?}
*/
RadioGroup.prototype.remove = function (button) {
var /** @type {?} */ index = this._btns.indexOf(button);
if (index > -1) {
if (button.value === this.value) {
this.value = null;
}
this._btns.splice(index, 1);
}
};
Object.defineProperty(RadioGroup.prototype, "_header", {
/**
* @hidden
* @param {?} header
* @return {?}
*/
set: function (header) {
if (header) {
if (!header.id) {
header.id = 'rg-hdr-' + this.id;
}
this._renderer.setElementAttribute(this._elementRef.nativeElement, 'aria-describedby', header.id);
}
},
enumerable: true,
configurable: true
});
/**
* @hidden
* @param {?} val
* @return {?}
*/
RadioGroup.prototype.onChange = function (val) {
// onChange used when there is not an formControlName
(void 0) /* console.debug */;
this.value = val;
this._update();
this.onTouched();
this.ionChange.emit(val);
this._cd.detectChanges();
};
/**
* @hidden
* @return {?}
*/
RadioGroup.prototype.onTouched = function () { };
/**
* @hidden
* @param {?} isDisabled
* @return {?}
*/
RadioGroup.prototype.setDisabledState = function (isDisabled) {
this.disabled = isDisabled;
};
return RadioGroup;
}());
RadioGroup.decorators = [
{ type: Directive, args: [{
selector: '[radio-group]',
host: {
'role': 'radiogroup'
},
providers: [RADIO_VALUE_ACCESSOR$1]
},] },
];
/**
* @nocollapse
*/
RadioGroup.ctorParameters = function () { return [
{ type: Renderer, },
{ type: ElementRef, },
{ type: ChangeDetectorRef, },
]; };
RadioGroup.propDecorators = {
'disabled': [{ type: Input },],
'ionChange': [{ type: Output },],
'_header': [{ type: ContentChild, args: [ListHeader,] },],
};
var radioGroupIds = -1;
var __extends$72 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* \@description
* A radio button is a button that can be either checked or unchecked. A user can tap
* the button to check or uncheck it. It can also be checked from the template using
* the `checked` property.
*
* Use an element with a `radio-group` attribute to group a set of radio buttons. When
* radio buttons are inside a [radio group](../RadioGroup), exactly one radio button
* in the group can be checked at any time. If a radio button is not placed in a group,
* they will all have the ability to be checked at the same time.
*
* See the [Angular Forms Docs](https://angular.io/docs/ts/latest/guide/forms.html) for
* more information on forms and input.
*
* \@usage
* ```html
* <ion-list radio-group [(ngModel)]="relationship">
* <ion-item>
* <ion-label>Friends</ion-label>
* <ion-radio value="friends" checked></ion-radio>
* </ion-item>
* <ion-item>
* <ion-label>Family</ion-label>
* <ion-radio value="family"></ion-radio>
* </ion-item>
* <ion-item>
* <ion-label>Enemies</ion-label>
* <ion-radio value="enemies" [disabled]="isDisabled"></ion-radio>
* </ion-item>
* </ion-list>
* ```
* \@demo /docs/demos/src/radio/
* @see {\@link /docs/components#radio Radio Component Docs}
* @see {\@link ../RadioGroup RadioGroup API Docs}
*/
var RadioButton = (function (_super) {
__extends$72(RadioButton, _super);
/**
* @param {?} _form
* @param {?} config
* @param {?} elementRef
* @param {?} renderer
* @param {?} _item
* @param {?} _group
*/
function RadioButton(_form, config, elementRef, renderer, _item, _group) {
var _this = _super.call(this, config, elementRef, renderer, 'radio') || this;
_this._form = _form;
_this._item = _item;
_this._group = _group;
/**
* \@internal
*/
_this._checked = false;
/**
* \@internal
*/
_this._disabled = false;
/**
* \@internal
*/
_this._value = null;
/**
* \@output {any} Emitted when the radio button is selected.
*/
_this.ionSelect = new EventEmitter();
_form.register(_this);
if (_group) {
// register with the radiogroup
_this.id = 'rb-' + _group.add(_this);
}
if (_item) {
// register the input inside of the item
// reset to the item's id instead of the radiogroup id
_this.id = 'rb-' + _item.registerInput('radio');
_this._labelId = 'lbl-' + _item.id;
_this._item.setElementClass('item-radio', true);
}
return _this;
}
Object.defineProperty(RadioButton.prototype, "color", {
/**
* \@input {string} The color to use from your Sass `$colors` map.
* Default options are: `"primary"`, `"secondary"`, `"danger"`, `"light"`, and `"dark"`.
* For more information, see [Theming your App](/docs/theming/theming-your-app).
* @param {?} val
* @return {?}
*/
set: function (val) {
this._setColor(val);
if (this._item) {
this._item._updateColor(val, 'item-radio');
}
},
enumerable: true,
configurable: true
});
Object.defineProperty(RadioButton.prototype, "value", {
/**
* \@input {any} The value of the radio button. Defaults to the generated id.
* @return {?}
*/
get: function () {
// if the value is not defined then use it's unique id
return isBlank$1(this._value) ? this.id : this._value;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._value = val;
},
enumerable: true,
configurable: true
});
Object.defineProperty(RadioButton.prototype, "checked", {
/**
* \@input {boolean} If true, the element is selected, and other buttons in the group are unselected.
* @return {?}
*/
get: function () {
return this._checked;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._checked = isTrueProperty(val);
if (this._item) {
this._item.setElementClass('item-radio-checked', this._checked);
}
},
enumerable: true,
configurable: true
});
Object.defineProperty(RadioButton.prototype, "disabled", {
/**
* \@input {boolean} If true, the user cannot interact with this element.
* @return {?}
*/
get: function () {
return this._disabled || (this._group != null && this._group.disabled);
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._disabled = isTrueProperty(val);
this._item && this._item.setElementClass('item-radio-disabled', this._disabled);
},
enumerable: true,
configurable: true
});
/**
* @hidden
* @return {?}
*/
RadioButton.prototype.initFocus = function () {
this._elementRef.nativeElement.querySelector('button').focus();
};
/**
* \@internal
* @param {?} ev
* @return {?}
*/
RadioButton.prototype._click = function (ev) {
(void 0) /* console.debug */;
ev.preventDefault();
ev.stopPropagation();
this.checked = true;
this.ionSelect.emit(this.value);
};
/**
* \@internal
* @return {?}
*/
RadioButton.prototype.ngOnInit = function () {
if (this._group && isPresent$1(this._group.value)) {
this.checked = isCheckedProperty(this._group.value, this.value);
}
if (this._group && this._group.disabled) {
this.disabled = this._group.disabled;
}
};
/**
* \@internal
* @return {?}
*/
RadioButton.prototype.ngOnDestroy = function () {
this._form.deregister(this);
this._group && this._group.remove(this);
};
return RadioButton;
}(Ion));
RadioButton.decorators = [
{ type: Component, args: [{
selector: 'ion-radio',
template: '<div class="radio-icon" [class.radio-checked]="_checked"> ' +
'<div class="radio-inner"></div> ' +
'</div> ' +
'<button role="radio" ' +
'type="button" ' +
'ion-button="item-cover" ' +
'[id]="id" ' +
'[attr.aria-checked]="_checked" ' +
'[attr.aria-labelledby]="_labelId" ' +
'[attr.aria-disabled]="_disabled" ' +
'class="item-cover"> ' +
'</button>',
host: {
'[class.radio-disabled]': '_disabled'
},
encapsulation: ViewEncapsulation.None,
},] },
];
/**
* @nocollapse
*/
RadioButton.ctorParameters = function () { return [
{ type: Form, },
{ type: Config, },
{ type: ElementRef, },
{ type: Renderer, },
{ type: Item, decorators: [{ type: Optional },] },
{ type: RadioGroup, decorators: [{ type: Optional },] },
]; };
RadioButton.propDecorators = {
'color': [{ type: Input },],
'ionSelect': [{ type: Output },],
'value': [{ type: Input },],
'checked': [{ type: Input },],
'disabled': [{ type: Input },],
'_click': [{ type: HostListener, args: ['click', ['$event'],] },],
};
/**
* @hidden
*/
var RadioModule = (function () {
function RadioModule() {
}
/**
* @return {?}
*/
RadioModule.forRoot = function () {
return {
ngModule: RadioModule, providers: []
};
};
return RadioModule;
}());
RadioModule.decorators = [
{ type: NgModule, args: [{
declarations: [
RadioButton,
RadioGroup
],
exports: [
RadioButton,
RadioGroup
]
},] },
];
/**
* @nocollapse
*/
RadioModule.ctorParameters = function () { return []; };
var TimeoutDebouncer = (function () {
/**
* @param {?} wait
*/
function TimeoutDebouncer(wait) {
this.wait = wait;
this.timer = null;
}
/**
* @param {?} callback
* @return {?}
*/
TimeoutDebouncer.prototype.debounce = function (callback) {
this.callback = callback;
this.schedule();
};
/**
* @return {?}
*/
TimeoutDebouncer.prototype.schedule = function () {
this.cancel();
if (this.wait <= 0) {
this.callback();
}
else {
this.timer = setTimeout(this.callback, this.wait);
}
};
/**
* @return {?}
*/
TimeoutDebouncer.prototype.cancel = function () {
if (this.timer) {
clearTimeout(this.timer);
this.timer = null;
}
};
return TimeoutDebouncer;
}());
var __extends$73 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
var RANGE_VALUE_ACCESSOR$1 = {
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(function () { return Range; }),
multi: true
};
/**
* \@name Range
* \@description
* The Range slider lets users select from a range of values by moving
* the slider knob. It can accept dual knobs, but by default one knob
* controls the value of the range.
*
* ### Range Labels
* Labels can be placed on either side of the range by adding the
* `range-left` or `range-right` property to the element. The element
* doesn't have to be an `ion-label`, it can be added to any element
* to place it to the left or right of the range. See [usage](#usage)
* below for examples.
*
*
* ### Minimum and Maximum Values
* Minimum and maximum values can be passed to the range through the `min`
* and `max` properties, respectively. By default, the range sets the `min`
* to `0` and the `max` to `100`.
*
*
* ### Steps and Snaps
* The `step` property specifies the value granularity of the range's value.
* It can be useful to set the `step` when the value isn't in increments of `1`.
* Setting the `step` property will show tick marks on the range for each step.
* The `snaps` property can be set to automatically move the knob to the nearest
* tick mark based on the step property value.
*
*
* ### Dual Knobs
* Setting the `dualKnobs` property to `true` on the range component will
* enable two knobs on the range. If the range has two knobs, the value will
* be an object containing two properties: `lower` and `upper`.
*
*
* \@usage
* ```html
* <ion-list>
* <ion-item>
* <ion-range [(ngModel)]="singleValue" color="danger" pin="true"></ion-range>
* </ion-item>
*
* <ion-item>
* <ion-range min="-200" max="200" [(ngModel)]="saturation" color="secondary">
* <ion-label range-left>-200</ion-label>
* <ion-label range-right>200</ion-label>
* </ion-range>
* </ion-item>
*
* <ion-item>
* <ion-range min="20" max="80" step="2" [(ngModel)]="brightness">
* <ion-icon small range-left name="sunny"></ion-icon>
* <ion-icon range-right name="sunny"></ion-icon>
* </ion-range>
* </ion-item>
*
* <ion-item>
* <ion-label>step=100, snaps, {{singleValue4}}</ion-label>
* <ion-range min="1000" max="2000" step="100" snaps="true" color="secondary" [(ngModel)]="singleValue4"></ion-range>
* </ion-item>
*
* <ion-item>
* <ion-label>dual, step=3, snaps, {{dualValue2 | json}}</ion-label>
* <ion-range dualKnobs="true" [(ngModel)]="dualValue2" min="21" max="72" step="3" snaps="true"></ion-range>
* </ion-item>
* </ion-list>
* ```
*
*
* \@demo /docs/demos/src/range/
*/
var Range = (function (_super) {
__extends$73(Range, _super);
/**
* @param {?} _form
* @param {?} _haptic
* @param {?} _item
* @param {?} config
* @param {?} _plt
* @param {?} elementRef
* @param {?} renderer
* @param {?} _dom
* @param {?} _cd
*/
function Range(_form, _haptic, _item, config, _plt, elementRef, renderer, _dom, _cd) {
var _this = _super.call(this, config, elementRef, renderer, 'range') || this;
_this._form = _form;
_this._haptic = _haptic;
_this._item = _item;
_this._plt = _plt;
_this._dom = _dom;
_this._cd = _cd;
_this._disabled = false;
_this._min = 0;
_this._max = 100;
_this._step = 1;
_this._valA = 0;
_this._valB = 0;
_this._ratioA = 0;
_this._ratioB = 0;
_this._debouncer = new TimeoutDebouncer(0);
/**
* \@output {Range} Emitted when the range selector drag starts.
*/
_this.ionFocus = new EventEmitter();
/**
* \@output {Range} Emitted when the range value changes.
*/
_this.ionChange = new EventEmitter();
/**
* \@output {Range} Emitted when the range selector drag ends.
*/
_this.ionBlur = new EventEmitter();
_this._events = new UIEventManager(_plt);
_form.register(_this);
if (_item) {
_this.id = 'rng-' + _item.registerInput('range');
_this._lblId = 'lbl-' + _item.id;
_item.setElementClass('item-range', true);
}
return _this;
}
Object.defineProperty(Range.prototype, "min", {
/**
* \@input {number} Minimum integer value of the range. Defaults to `0`.
* @return {?}
*/
get: function () {
return this._min;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
val = Math.round(val);
if (!isNaN(val)) {
this._min = val;
}
},
enumerable: true,
configurable: true
});
Object.defineProperty(Range.prototype, "max", {
/**
* \@input {number} Maximum integer value of the range. Defaults to `100`.
* @return {?}
*/
get: function () {
return this._max;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
val = Math.round(val);
if (!isNaN(val)) {
this._max = val;
}
},
enumerable: true,
configurable: true
});
Object.defineProperty(Range.prototype, "step", {
/**
* \@input {number} Specifies the value granularity. Defaults to `1`.
* @return {?}
*/
get: function () {
return this._step;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
val = Math.round(val);
if (!isNaN(val) && val > 0) {
this._step = val;
}
},
enumerable: true,
configurable: true
});
Object.defineProperty(Range.prototype, "snaps", {
/**
* \@input {boolean} If true, the knob snaps to tick marks evenly spaced based
* on the step property value. Defaults to `false`.
* @return {?}
*/
get: function () {
return this._snaps;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._snaps = isTrueProperty(val);
},
enumerable: true,
configurable: true
});
Object.defineProperty(Range.prototype, "pin", {
/**
* \@input {boolean} If true, a pin with integer value is shown when the knob
* is pressed. Defaults to `false`.
* @return {?}
*/
get: function () {
return this._pin;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._pin = isTrueProperty(val);
},
enumerable: true,
configurable: true
});
Object.defineProperty(Range.prototype, "debounce", {
/**
* \@input {number} How long, in milliseconds, to wait to trigger the
* `ionChange` event after each change in the range value. Default `0`.
* @return {?}
*/
get: function () {
return this._debouncer.wait;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._debouncer.wait = val;
},
enumerable: true,
configurable: true
});
Object.defineProperty(Range.prototype, "dualKnobs", {
/**
* \@input {boolean} Show two knobs. Defaults to `false`.
* @return {?}
*/
get: function () {
return this._dual;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._dual = isTrueProperty(val);
},
enumerable: true,
configurable: true
});
Object.defineProperty(Range.prototype, "disabled", {
/**
* \@input {boolean} If true, the user cannot interact with this element.
* @return {?}
*/
get: function () {
return this._disabled;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._disabled = val = isTrueProperty(val);
var /** @type {?} */ item = this._item;
item && item.setElementClass('item-range-disabled', val);
},
enumerable: true,
configurable: true
});
Object.defineProperty(Range.prototype, "ratio", {
/**
* Returns the ratio of the knob's is current location, which is a number
* between `0` and `1`. If two knobs are used, this property represents
* the lower value.
* @return {?}
*/
get: function () {
if (this._dual) {
return Math.min(this._ratioA, this._ratioB);
}
return this._ratioA;
},
enumerable: true,
configurable: true
});
Object.defineProperty(Range.prototype, "ratioUpper", {
/**
* Returns the ratio of the upper value's is current location, which is
* a number between `0` and `1`. If there is only one knob, then this
* will return `null`.
* @return {?}
*/
get: function () {
if (this._dual) {
return Math.max(this._ratioA, this._ratioB);
}
return null;
},
enumerable: true,
configurable: true
});
/**
* @hidden
* @return {?}
*/
Range.prototype.ngAfterViewInit = function () {
// add touchstart/mousedown listeners
this._events.pointerEvents({
element: this._slider.nativeElement,
pointerDown: this._pointerDown.bind(this),
pointerMove: this._pointerMove.bind(this),
pointerUp: this._pointerUp.bind(this),
zone: true
});
// build all the ticks if there are any to show
this._createTicks();
};
/**
* \@internal
* @param {?} ev
* @return {?}
*/
Range.prototype._pointerDown = function (ev) {
// TODO: we could stop listening for events instead of checking this._disabled.
// since there are a lot of events involved, this solution is
// enough for the moment
if (this._disabled) {
return false;
}
// trigger ionFocus event
this.ionFocus.emit(this);
// prevent default so scrolling does not happen
ev.preventDefault();
ev.stopPropagation();
// get the start coordinates
var /** @type {?} */ current = pointerCoord(ev);
// get the full dimensions of the slider element
var /** @type {?} */ rect = this._rect = this._plt.getElementBoundingClientRect(this._slider.nativeElement);
// figure out which knob they started closer to
var /** @type {?} */ ratio = clamp(0, (current.x - rect.left) / (rect.width), 1);
this._activeB = this._dual && (Math.abs(ratio - this._ratioA) > Math.abs(ratio - this._ratioB));
// update the active knob's position
this._update(current, rect, true);
// trigger a haptic start
this._haptic.gestureSelectionStart();
// return true so the pointer events
// know everything's still valid
return true;
};
/**
* \@internal
* @param {?} ev
* @return {?}
*/
Range.prototype._pointerMove = function (ev) {
if (!this._disabled) {
// prevent default so scrolling does not happen
ev.preventDefault();
ev.stopPropagation();
// update the active knob's position
var /** @type {?} */ hasChanged = this._update(pointerCoord(ev), this._rect, true);
if (hasChanged && this._snaps) {
// trigger a haptic selection changed event
// if this is a snap range
this._haptic.gestureSelectionChanged();
}
}
};
/**
* \@internal
* @param {?} ev
* @return {?}
*/
Range.prototype._pointerUp = function (ev) {
if (!this._disabled) {
// prevent default so scrolling does not happen
ev.preventDefault();
ev.stopPropagation();
// update the active knob's position
this._update(pointerCoord(ev), this._rect, false);
// trigger a haptic end
this._haptic.gestureSelectionEnd();
// trigger ionBlur event
this.ionBlur.emit(this);
}
};
/**
* \@internal
* @param {?} current
* @param {?} rect
* @param {?} isPressed
* @return {?}
*/
Range.prototype._update = function (current, rect, isPressed) {
var _this = this;
// figure out where the pointer is currently at
// update the knob being interacted with
var /** @type {?} */ ratio = clamp(0, (current.x - rect.left) / (rect.width), 1);
var /** @type {?} */ val = this._ratioToValue(ratio);
if (this._snaps) {
// snaps the ratio to the current value
ratio = this._valueToRatio(val);
}
// update which knob is pressed
this._pressed = isPressed;
var /** @type {?} */ valChanged = false;
if (this._activeB) {
// when the pointer down started it was determined
// that knob B was the one they were interacting with
this._pressedB = isPressed;
this._pressedA = false;
this._ratioB = ratio;
valChanged = val === this._valB;
this._valB = val;
}
else {
// interacting with knob A
this._pressedA = isPressed;
this._pressedB = false;
this._ratioA = ratio;
valChanged = val === this._valA;
this._valA = val;
}
this._updateBar();
if (valChanged) {
return false;
}
// value has been updated
if (this._dual) {
// dual knobs have an lower and upper value
if (!this.value) {
// ensure we're always updating the same object
this.value = {};
}
this.value.lower = Math.min(this._valA, this._valB);
this.value.upper = Math.max(this._valA, this._valB);
(void 0) /* console.debug */;
}
else {
// single knob only has one value
this.value = this._valA;
(void 0) /* console.debug */;
}
this._debouncer.debounce(function () {
_this.onChange(_this.value);
_this.ionChange.emit(_this);
});
return true;
};
/**
* \@internal
* @return {?}
*/
Range.prototype._updateBar = function () {
var /** @type {?} */ ratioA = this._ratioA;
var /** @type {?} */ ratioB = this._ratioB;
if (this._dual) {
this._barL = (Math.min(ratioA, ratioB) * 100) + "%";
this._barR = 100 - (Math.max(ratioA, ratioB) * 100) + "%";
}
else {
this._barL = '';
this._barR = 100 - (ratioA * 100) + "%";
}
this._updateTicks();
};
/**
* \@internal
* @return {?}
*/
Range.prototype._createTicks = function () {
var _this = this;
if (this._snaps) {
this._dom.write(function () {
// TODO: Fix to not use RAF
_this._ticks = [];
for (var /** @type {?} */ value = _this._min; value <= _this._max; value += _this._step) {
var /** @type {?} */ ratio = _this._valueToRatio(value);
_this._ticks.push({
ratio: ratio,
left: ratio * 100 + "%",
});
}
_this._updateTicks();
});
}
};
/**
* \@internal
* @return {?}
*/
Range.prototype._updateTicks = function () {
var /** @type {?} */ ticks = this._ticks;
var /** @type {?} */ ratio = this.ratio;
if (this._snaps && ticks) {
if (this._dual) {
var /** @type {?} */ upperRatio = this.ratioUpper;
ticks.forEach(function (t) {
t.active = (t.ratio >= ratio && t.ratio <= upperRatio);
});
}
else {
ticks.forEach(function (t) {
t.active = (t.ratio <= ratio);
});
}
}
};
/**
* @hidden
* @param {?} isIncrease
* @param {?} isKnobB
* @return {?}
*/
Range.prototype._keyChg = function (isIncrease, isKnobB) {
var /** @type {?} */ step = this._step;
if (isKnobB) {
if (isIncrease) {
this._valB += step;
}
else {
this._valB -= step;
}
this._valB = clamp(this._min, this._valB, this._max);
this._ratioB = this._valueToRatio(this._valB);
}
else {
if (isIncrease) {
this._valA += step;
}
else {
this._valA -= step;
}
this._valA = clamp(this._min, this._valA, this._max);
this._ratioA = this._valueToRatio(this._valA);
}
this._updateBar();
};
/**
* \@internal
* @param {?} ratio
* @return {?}
*/
Range.prototype._ratioToValue = function (ratio) {
ratio = Math.round(((this._max - this._min) * ratio));
ratio = Math.round(ratio / this._step) * this._step + this._min;
return clamp(this._min, ratio, this._max);
};
/**
* \@internal
* @param {?} value
* @return {?}
*/
Range.prototype._valueToRatio = function (value) {
value = Math.round((value - this._min) / this._step) * this._step;
value = value / (this._max - this._min);
return clamp(0, value, 1);
};
/**
* @hidden
* @param {?} val
* @return {?}
*/
Range.prototype.writeValue = function (val) {
if (isPresent$1(val)) {
this.value = val;
if (this._dual) {
this._valA = val.lower;
this._valB = val.upper;
this._ratioA = this._valueToRatio(val.lower);
this._ratioB = this._valueToRatio(val.upper);
}
else {
this._valA = val;
this._ratioA = this._valueToRatio(val);
}
this._updateBar();
}
};
/**
* @hidden
* @param {?} fn
* @return {?}
*/
Range.prototype.registerOnChange = function (fn) {
var _this = this;
this._fn = fn;
this.onChange = function (val) {
fn(val);
_this.onTouched();
};
};
/**
* @hidden
* @param {?} fn
* @return {?}
*/
Range.prototype.registerOnTouched = function (fn) { this.onTouched = fn; };
/**
* @hidden
* @param {?} val
* @return {?}
*/
Range.prototype.onChange = function (val) {
// used when this input does not have an ngModel or formControlName
this.onTouched();
this._cd.detectChanges();
};
/**
* @hidden
* @return {?}
*/
Range.prototype.onTouched = function () { };
/**
* @hidden
* @param {?} isDisabled
* @return {?}
*/
Range.prototype.setDisabledState = function (isDisabled) {
this.disabled = isDisabled;
};
/**
* @hidden
* @return {?}
*/
Range.prototype.ngOnDestroy = function () {
this._form.deregister(this);
this._events.destroy();
};
return Range;
}(Ion));
Range.decorators = [
{ type: Component, args: [{
selector: 'ion-range',
template: '<ng-content select="[range-left]"></ng-content>' +
'<div class="range-slider" #slider>' +
'<div class="range-tick" *ngFor="let t of _ticks" [style.left]="t.left" [class.range-tick-active]="t.active" role="presentation"></div>' +
'<div class="range-bar" role="presentation"></div>' +
'<div class="range-bar range-bar-active" [style.left]="_barL" [style.right]="_barR" #bar role="presentation"></div>' +
'<div class="range-knob-handle" (ionIncrease)="_keyChg(true, false)" (ionDecrease)="_keyChg(false, false)" [ratio]="_ratioA" [val]="_valA" [pin]="_pin" [pressed]="_pressedA" [min]="_min" [max]="_max" [disabled]="_disabled" [labelId]="_lblId"></div>' +
'<div class="range-knob-handle" (ionIncrease)="_keyChg(true, true)" (ionDecrease)="_keyChg(false, true)" [ratio]="_ratioB" [val]="_valB" [pin]="_pin" [pressed]="_pressedB" [min]="_min" [max]="_max" [disabled]="_disabled" [labelId]="_lblId" *ngIf="_dual"></div>' +
'</div>' +
'<ng-content select="[range-right]"></ng-content>',
host: {
'[class.range-disabled]': '_disabled',
'[class.range-pressed]': '_pressed',
'[class.range-has-pin]': '_pin'
},
providers: [RANGE_VALUE_ACCESSOR$1],
encapsulation: ViewEncapsulation.None,
},] },
];
/**
* @nocollapse
*/
Range.ctorParameters = function () { return [
{ type: Form, },
{ type: Haptic, },
{ type: Item, decorators: [{ type: Optional },] },
{ type: Config, },
{ type: Platform, },
{ type: ElementRef, },
{ type: Renderer, },
{ type: DomController, },
{ type: ChangeDetectorRef, },
]; };
Range.propDecorators = {
'_slider': [{ type: ViewChild, args: ['slider',] },],
'min': [{ type: Input },],
'max': [{ type: Input },],
'step': [{ type: Input },],
'snaps': [{ type: Input },],
'pin': [{ type: Input },],
'debounce': [{ type: Input },],
'dualKnobs': [{ type: Input },],
'disabled': [{ type: Input },],
'ionFocus': [{ type: Output },],
'ionChange': [{ type: Output },],
'ionBlur': [{ type: Output },],
};
/**
* @hidden
*/
var RangeKnob = (function () {
function RangeKnob() {
this.ionIncrease = new EventEmitter();
this.ionDecrease = new EventEmitter();
}
Object.defineProperty(RangeKnob.prototype, "ratio", {
/**
* @param {?} r
* @return {?}
*/
set: function (r) {
this._x = r * 100 + "%";
},
enumerable: true,
configurable: true
});
/**
* @param {?} ev
* @return {?}
*/
RangeKnob.prototype._keyup = function (ev) {
var /** @type {?} */ keyCode = ev.keyCode;
if (keyCode === KEY_LEFT || keyCode === KEY_DOWN) {
(void 0) /* console.debug */;
this.ionDecrease.emit();
ev.preventDefault();
ev.stopPropagation();
}
else if (keyCode === KEY_RIGHT || keyCode === KEY_UP) {
(void 0) /* console.debug */;
this.ionIncrease.emit();
ev.preventDefault();
ev.stopPropagation();
}
};
return RangeKnob;
}());
RangeKnob.decorators = [
{ type: Component, args: [{
selector: '.range-knob-handle',
template: '<div class="range-pin" *ngIf="pin" role="presentation">{{val}}</div>' +
'<div class="range-knob" role="presentation"></div>',
host: {
'[class.range-knob-pressed]': 'pressed',
'[class.range-knob-min]': 'val===min||val===undefined',
'[class.range-knob-max]': 'val===max',
'[style.left]': '_x',
'[attr.aria-valuenow]': 'val',
'[attr.aria-valuemin]': 'min',
'[attr.aria-valuemax]': 'max',
'[attr.aria-disabled]': 'disabled',
'[attr.aria-labelledby]': 'labelId',
'[tabindex]': 'disabled?-1:0',
'role': 'slider'
}
},] },
];
/**
* @nocollapse
*/
RangeKnob.ctorParameters = function () { return []; };
RangeKnob.propDecorators = {
'ratio': [{ type: Input },],
'pressed': [{ type: Input },],
'pin': [{ type: Input },],
'min': [{ type: Input },],
'max': [{ type: Input },],
'val': [{ type: Input },],
'disabled': [{ type: Input },],
'labelId': [{ type: Input },],
'ionIncrease': [{ type: Output },],
'ionDecrease': [{ type: Output },],
'_keyup': [{ type: HostListener, args: ['keydown', ['$event'],] },],
};
/**
* @hidden
*/
var RangeModule = (function () {
function RangeModule() {
}
/**
* @return {?}
*/
RangeModule.forRoot = function () {
return {
ngModule: RangeModule, providers: []
};
};
return RangeModule;
}());
RangeModule.decorators = [
{ type: NgModule, args: [{
imports: [
CommonModule
],
declarations: [
Range,
RangeKnob
],
exports: [
Range,
RangeKnob
]
},] },
];
/**
* @nocollapse
*/
RangeModule.ctorParameters = function () { return []; };
/**
* \@name Refresher
* \@description
* The Refresher provides pull-to-refresh functionality on a content component.
* Place the `ion-refresher` as the first child of your `ion-content` element.
*
* Pages can then listen to the refresher's various output events. The
* `refresh` output event is fired when the user has pulled down far
* enough to kick off the refreshing process. Once the async operation
* has completed and the refreshing should end, call `complete()`.
*
* Note: Do not wrap the `ion-refresher` in a `*ngIf`. It will not render
* properly this way. Please use the `enabled` property instead to
* display or hide the refresher.
*
* \@usage
* ```html
* <ion-content>
*
* <ion-refresher (ionRefresh)="doRefresh($event)">
* <ion-refresher-content></ion-refresher-content>
* </ion-refresher>
*
* </ion-content>
* ```
*
* ```ts
* \@Component({...})
* export class NewsFeedPage {
*
* doRefresh(refresher) {
* console.log('Begin async operation', refresher);
*
* setTimeout(() => {
* console.log('Async operation has ended');
* refresher.complete();
* }, 2000);
* }
*
* }
* ```
*
*
* ## Refresher Content
*
* By default, Ionic provides the pulling icon and refreshing spinner that
* looks best for the platform the user is on. However, you can change the
* default icon and spinner, along with adding text for each state by
* adding properties to the child `ion-refresher-content` component.
*
* ```html
* <ion-content>
*
* <ion-refresher (ionRefresh)="doRefresh($event)">
* <ion-refresher-content
* pullingIcon="arrow-dropdown"
* pullingText="Pull to refresh"
* refreshingSpinner="circles"
* refreshingText="Refreshing...">
* </ion-refresher-content>
* </ion-refresher>
*
* </ion-content>
* ```
*
*
* ## Further Customizing Refresher Content
*
* The `ion-refresher` component holds the refresh logic.
* It requires a child component in order to display the content.
* Ionic uses `ion-refresher-content` by default. This component
* displays the refresher and changes the look depending
* on the refresher's state. Separating these components
* allows developers to create their own refresher content
* components. You could replace our default content with
* custom SVG or CSS animations.
*
* \@demo /docs/demos/src/refresher/
*
*/
var Refresher = (function () {
/**
* @param {?} _plt
* @param {?} _content
* @param {?} _zone
* @param {?} gestureCtrl
*/
function Refresher(_plt, _content, _zone, gestureCtrl) {
this._plt = _plt;
this._content = _content;
this._zone = _zone;
this._appliedStyles = false;
this._lastCheck = 0;
this._isEnabled = true;
this._top = '';
/**
* The current state which the refresher is in. The refresher's states include:
*
* - `inactive` - The refresher is not being pulled down or refreshing and is currently hidden.
* - `pulling` - The user is actively pulling down the refresher, but has not reached the point yet that if the user lets go, it'll refresh.
* - `cancelling` - The user pulled down the refresher and let go, but did not pull down far enough to kick off the `refreshing` state. After letting go, the refresher is in the `cancelling` state while it is closing, and will go back to the `inactive` state once closed.
* - `ready` - The user has pulled down the refresher far enough that if they let go, it'll begin the `refreshing` state.
* - `refreshing` - The refresher is actively waiting on the async operation to end. Once the refresh handler calls `complete()` it will begin the `completing` state.
* - `completing` - The `refreshing` state has finished and the refresher is in the process of closing itself. Once closed, the refresher will go back to the `inactive` state.
*/
this.state = STATE_INACTIVE;
/**
* The Y coordinate of where the user started to the pull down the content.
*/
this.startY = null;
/**
* The current touch or mouse event's Y coordinate.
*/
this.currentY = null;
/**
* The distance between the start of the pull and the current touch or
* mouse event's Y coordinate.
*/
this.deltaY = null;
/**
* A number representing how far down the user has pulled.
* The number `0` represents the user hasn't pulled down at all. The
* number `1`, and anything greater than `1`, represents that the user
* has pulled far enough down that when they let go then the refresh will
* happen. If they let go and the number is less than `1`, then the
* refresh will not happen, and the content will return to it's original
* position.
*/
this.progress = 0;
/**
* \@input {number} The min distance the user must pull down until the
* refresher can go into the `refreshing` state. Default is `60`.
*/
this.pullMin = 60;
/**
* \@input {number} The maximum distance of the pull until the refresher
* will automatically go into the `refreshing` state. By default, the pull
* maximum will be the result of `pullMin + 60`.
*/
this.pullMax = this.pullMin + 60;
/**
* \@input {number} How many milliseconds it takes to close the refresher. Default is `280`.
*/
this.closeDuration = 280;
/**
* \@input {number} How many milliseconds it takes the refresher to to snap back to the `refreshing` state. Default is `280`.
*/
this.snapbackDuration = 280;
/**
* \@output {event} Emitted when the user lets go and has pulled down
* far enough, which would be farther than the `pullMin`, then your refresh hander if
* fired and the state is updated to `refreshing`. From within your refresh handler,
* you must call the `complete()` method when your async operation has completed.
*/
this.ionRefresh = new EventEmitter();
/**
* \@output {event} Emitted while the user is pulling down the content and exposing the refresher.
*/
this.ionPull = new EventEmitter();
/**
* \@output {event} Emitted when the user begins to start pulling down.
*/
this.ionStart = new EventEmitter();
this._events = new UIEventManager(_plt);
_content.setElementClass('has-refresher', true);
this._gesture = gestureCtrl.createGesture({
name: GESTURE_REFRESHER,
priority: GESTURE_PRIORITY_REFRESHER
});
}
Object.defineProperty(Refresher.prototype, "enabled", {
/**
* \@input {boolean} If the refresher is enabled or not. This should be used in place of an `ngIf`. Default is `true`.
* @return {?}
*/
get: function () {
return this._isEnabled;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._isEnabled = isTrueProperty(val);
this._setListeners(this._isEnabled);
},
enumerable: true,
configurable: true
});
/**
* @param {?} ev
* @return {?}
*/
Refresher.prototype._onStart = function (ev) {
// if multitouch then get out immediately
if (ev.touches && ev.touches.length > 1) {
return false;
}
if (this.state !== STATE_INACTIVE) {
return false;
}
var /** @type {?} */ scrollHostScrollTop = this._content.getContentDimensions().scrollTop;
// if the scrollTop is greater than zero then it's
// not possible to pull the content down yet
if (scrollHostScrollTop > 0) {
return false;
}
if (!this._gesture.canStart()) {
return false;
}
var /** @type {?} */ coord = pointerCoord(ev);
(void 0) /* console.debug */;
if (this._content.contentTop > 0) {
var /** @type {?} */ newTop = this._content.contentTop + 'px';
if (this._top !== newTop) {
this._top = newTop;
}
}
this.startY = this.currentY = coord.y;
this.progress = 0;
this.state = STATE_INACTIVE;
return true;
};
/**
* @param {?} ev
* @return {?}
*/
Refresher.prototype._onMove = function (ev) {
// this method can get called like a bazillion times per second,
// so it's built to be as efficient as possible, and does its
// best to do any DOM read/writes only when absolutely necessary
var _this = this;
// if multitouch then get out immediately
if (ev.touches && ev.touches.length > 1) {
return 1;
}
if (!this._gesture.canStart()) {
return 0;
}
// do nothing if it's actively refreshing
// or it's in the process of closing
// or this was never a startY
if (this.startY === null || this.state === STATE_REFRESHING || this.state === STATE_CANCELLING || this.state === STATE_COMPLETING) {
return 2;
}
// if we just updated stuff less than 16ms ago
// then don't check again, just chillout plz
var /** @type {?} */ now = Date.now();
if (this._lastCheck + 16 > now) {
return 3;
}
// remember the last time we checked all this
this._lastCheck = now;
// get the current pointer coordinates
var /** @type {?} */ coord = pointerCoord(ev);
this.currentY = coord.y;
// it's now possible they could be pulling down the content
// how far have they pulled so far?
this.deltaY = (coord.y - this.startY);
// don't bother if they're scrolling up
// and have not already started dragging
if (this.deltaY <= 0) {
// the current Y is higher than the starting Y
// so they scrolled up enough to be ignored
this.progress = 0;
if (this.state !== STATE_INACTIVE) {
this._zone.run(function () {
_this.state = STATE_INACTIVE;
});
}
if (this._appliedStyles) {
// reset the styles only if they were applied
this._setCss(0, '', false, '');
return 5;
}
return 6;
}
if (this.state === STATE_INACTIVE) {
// this refresh is not already actively pulling down
// get the content's scrollTop
var /** @type {?} */ scrollHostScrollTop = this._content.getContentDimensions().scrollTop;
// if the scrollTop is greater than zero then it's
// not possible to pull the content down yet
if (scrollHostScrollTop > 0) {
this.progress = 0;
this.startY = null;
return 7;
}
// content scrolled all the way to the top, and dragging down
this.state = STATE_PULLING;
}
// prevent native scroll events
ev.preventDefault();
// the refresher is actively pulling at this point
// move the scroll element within the content element
this._setCss(this.deltaY, '0ms', true, '');
if (!this.deltaY) {
// don't continue if there's no delta yet
this.progress = 0;
return 8;
}
// so far so good, let's run this all back within zone now
this._zone.run(function () {
_this._onMoveInZone();
});
};
/**
* @return {?}
*/
Refresher.prototype._onMoveInZone = function () {
// set pull progress
this.progress = (this.deltaY / this.pullMin);
// emit "start" if it hasn't started yet
if (!this._didStart) {
this._didStart = true;
this.ionStart.emit(this);
}
// emit "pulling" on every move
this.ionPull.emit(this);
// do nothing if the delta is less than the pull threshold
if (this.deltaY < this.pullMin) {
// ensure it stays in the pulling state, cuz its not ready yet
this.state = STATE_PULLING;
return 2;
}
if (this.deltaY > this.pullMax) {
// they pulled farther than the max, so kick off the refresh
this._beginRefresh();
return 3;
}
// pulled farther than the pull min!!
// it is now in the `ready` state!!
// if they let go then it'll refresh, kerpow!!
this.state = STATE_READY;
return 4;
};
/**
* @return {?}
*/
Refresher.prototype._onEnd = function () {
// only run in a zone when absolutely necessary
var _this = this;
if (this.state === STATE_READY) {
this._zone.run(function () {
// they pulled down far enough, so it's ready to refresh
_this._beginRefresh();
});
}
else if (this.state === STATE_PULLING) {
this._zone.run(function () {
// they were pulling down, but didn't pull down far enough
// set the content back to it's original location
// and close the refresher
// set that the refresh is actively cancelling
_this.cancel();
});
}
// reset on any touchend/mouseup
this.startY = null;
};
/**
* @return {?}
*/
Refresher.prototype._beginRefresh = function () {
// assumes we're already back in a zone
// they pulled down far enough, so it's ready to refresh
this.state = STATE_REFRESHING;
// place the content in a hangout position while it thinks
this._setCss(this.pullMin, (this.snapbackDuration + 'ms'), true, '');
// emit "refresh" because it was pulled down far enough
// and they let go to begin refreshing
this.ionRefresh.emit(this);
};
/**
* Call `complete()` when your async operation has completed.
* For example, the `refreshing` state is while the app is performing
* an asynchronous operation, such as receiving more data from an
* AJAX request. Once the data has been received, you then call this
* method to signify that the refreshing has completed and to close
* the refresher. This method also changes the refresher's state from
* `refreshing` to `completing`.
* @return {?}
*/
Refresher.prototype.complete = function () {
this._close(STATE_COMPLETING, '120ms');
};
/**
* Changes the refresher's state from `refreshing` to `cancelling`.
* @return {?}
*/
Refresher.prototype.cancel = function () {
this._close(STATE_CANCELLING, '');
};
/**
* @param {?} state
* @param {?} delay
* @return {?}
*/
Refresher.prototype._close = function (state$$1, delay) {
var /** @type {?} */ timer;
/**
* @param {?} ev
* @return {?}
*/
function close(ev) {
// closing is done, return to inactive state
if (ev) {
clearTimeout(timer);
}
this.state = STATE_INACTIVE;
this.progress = 0;
this._didStart = this.startY = this.currentY = this.deltaY = null;
this._setCss(0, '0ms', false, '');
}
// create fallback timer incase something goes wrong with transitionEnd event
timer = setTimeout(close.bind(this), 600);
// create transition end event on the content's scroll element
this._content.onScrollElementTransitionEnd(close.bind(this));
// reset set the styles on the scroll element
// set that the refresh is actively cancelling/completing
this.state = state$$1;
this._setCss(0, '', true, delay);
if (this._pointerEvents) {
this._pointerEvents.stop();
}
};
/**
* @param {?} y
* @param {?} duration
* @param {?} overflowVisible
* @param {?} delay
* @return {?}
*/
Refresher.prototype._setCss = function (y, duration, overflowVisible, delay) {
this._appliedStyles = (y > 0);
var /** @type {?} */ content = this._content;
var /** @type {?} */ Css = this._plt.Css;
content.setScrollElementStyle(Css.transform, ((y > 0) ? 'translateY(' + y + 'px) translateZ(0px)' : 'translateZ(0px)'));
content.setScrollElementStyle(Css.transitionDuration, duration);
content.setScrollElementStyle(Css.transitionDelay, delay);
content.setScrollElementStyle('overflow', (overflowVisible ? 'hidden' : ''));
};
/**
* @param {?} shouldListen
* @return {?}
*/
Refresher.prototype._setListeners = function (shouldListen) {
this._events.unlistenAll();
this._pointerEvents = null;
if (shouldListen) {
this._pointerEvents = this._events.pointerEvents({
element: this._content.getScrollElement(),
pointerDown: this._onStart.bind(this),
pointerMove: this._onMove.bind(this),
pointerUp: this._onEnd.bind(this),
zone: false
});
}
};
/**
* @hidden
* @return {?}
*/
Refresher.prototype.ngOnInit = function () {
// bind event listeners
// save the unregister listener functions to use onDestroy
this._setListeners(this._isEnabled);
};
/**
* @hidden
* @return {?}
*/
Refresher.prototype.ngOnDestroy = function () {
this._setListeners(false);
this._events.destroy();
this._gesture.destroy();
};
return Refresher;
}());
Refresher.decorators = [
{ type: Directive, args: [{
selector: 'ion-refresher',
host: {
'[class.refresher-active]': 'state !== "inactive"',
'[style.top]': '_top'
}
},] },
];
/**
* @nocollapse
*/
Refresher.ctorParameters = function () { return [
{ type: Platform, },
{ type: Content, decorators: [{ type: Host },] },
{ type: NgZone, },
{ type: GestureController, },
]; };
Refresher.propDecorators = {
'pullMin': [{ type: Input },],
'pullMax': [{ type: Input },],
'closeDuration': [{ type: Input },],
'snapbackDuration': [{ type: Input },],
'enabled': [{ type: Input },],
'ionRefresh': [{ type: Output },],
'ionPull': [{ type: Output },],
'ionStart': [{ type: Output },],
};
var STATE_INACTIVE = 'inactive';
var STATE_PULLING = 'pulling';
var STATE_READY = 'ready';
var STATE_REFRESHING = 'refreshing';
var STATE_CANCELLING = 'cancelling';
var STATE_COMPLETING = 'completing';
/**
* @hidden
*/
var RefresherContent = (function () {
/**
* @param {?} r
* @param {?} _config
*/
function RefresherContent(r, _config) {
this.r = r;
this._config = _config;
}
/**
* @hidden
* @return {?}
*/
RefresherContent.prototype.ngOnInit = function () {
if (!this.pullingIcon) {
this.pullingIcon = this._config.get('ionPullIcon', 'arrow-down');
}
if (!this.refreshingSpinner) {
this.refreshingSpinner = this._config.get('ionRefreshingSpinner', this._config.get('spinner', 'ios'));
}
};
return RefresherContent;
}());
RefresherContent.decorators = [
{ type: Component, args: [{
selector: 'ion-refresher-content',
template: '<div class="refresher-pulling">' +
'<div class="refresher-pulling-icon" *ngIf="pullingIcon">' +
'<ion-icon [name]="pullingIcon"></ion-icon>' +
'</div>' +
'<div class="refresher-pulling-text" [innerHTML]="pullingText" *ngIf="pullingText"></div>' +
'</div>' +
'<div class="refresher-refreshing">' +
'<div class="refresher-refreshing-icon">' +
'<ion-spinner [name]="refreshingSpinner"></ion-spinner>' +
'</div>' +
'<div class="refresher-refreshing-text" [innerHTML]="refreshingText" *ngIf="refreshingText"></div>' +
'</div>',
host: {
'[attr.state]': 'r.state'
},
encapsulation: ViewEncapsulation.None,
},] },
];
/**
* @nocollapse
*/
RefresherContent.ctorParameters = function () { return [
{ type: Refresher, },
{ type: Config, },
]; };
RefresherContent.propDecorators = {
'pullingIcon': [{ type: Input },],
'pullingText': [{ type: Input },],
'refreshingSpinner': [{ type: Input },],
'refreshingText': [{ type: Input },],
};
/**
* @hidden
*/
var RefresherModule = (function () {
function RefresherModule() {
}
/**
* @return {?}
*/
RefresherModule.forRoot = function () {
return {
ngModule: RefresherModule, providers: []
};
};
return RefresherModule;
}());
RefresherModule.decorators = [
{ type: NgModule, args: [{
imports: [
CommonModule,
IconModule,
SpinnerModule
],
declarations: [
Refresher,
RefresherContent
],
exports: [
Refresher,
RefresherContent
]
},] },
];
/**
* @nocollapse
*/
RefresherModule.ctorParameters = function () { return []; };
/**
* \@name Scroll
* \@description
* Scroll is a non-flexboxed scroll area that can scroll horizontally or vertically. `ion-Scroll` Can be used in places where you may not need a full page scroller, but a highly customized one, such as image scubber or comment scroller.
* \@usage
* ```html
* <ion-scroll scrollX="true">
* </ion-scroll>
*
* <ion-scroll scrollY="true">
* </ion-scroll>
*
* <ion-scroll scrollX="true" scrollY="true">
* </ion-scroll>
* ```
* \@demo /docs/demos/src/scroll/
*/
var Scroll = (function () {
/**
* @param {?} _elementRef
*/
function Scroll(_elementRef) {
this._elementRef = _elementRef;
this._scrollX = false;
this._scrollY = false;
this._zoom = false;
this._maxZoom = 1;
/**
* @hidden
*/
this.maxScale = 3;
/**
* @hidden
*/
this.zoomDuration = 250;
}
Object.defineProperty(Scroll.prototype, "scrollX", {
/**
* \@input {boolean} If true, scrolling along the X axis is enabled.
* @return {?}
*/
get: function () {
return this._scrollX;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._scrollX = isTrueProperty(val);
},
enumerable: true,
configurable: true
});
Object.defineProperty(Scroll.prototype, "scrollY", {
/**
* \@input {boolean} If true, scrolling along the Y axis is enabled; requires the following CSS declaration: ion-scroll { white-space: nowrap; }
* @return {?}
*/
get: function () {
return this._scrollY;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._scrollY = isTrueProperty(val);
},
enumerable: true,
configurable: true
});
Object.defineProperty(Scroll.prototype, "zoom", {
/**
* \@input {boolean} If true, zooming is enabled.
* @return {?}
*/
get: function () {
return this._zoom;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._zoom = isTrueProperty(val);
},
enumerable: true,
configurable: true
});
Object.defineProperty(Scroll.prototype, "maxZoom", {
/**
* \@input {number} Set the max zoom amount.
* @return {?}
*/
get: function () {
return this._maxZoom;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._maxZoom = val;
},
enumerable: true,
configurable: true
});
/**
* @hidden
* @return {?}
*/
Scroll.prototype.ngOnInit = function () {
this.scrollElement = this._elementRef.nativeElement.children[0];
};
/**
* @hidden
* Add a scroll event handler to the scroll element if it exists.
* undefined if the scroll element doesn't exist.
* @param {?} handler
* @return {?}
*/
Scroll.prototype.addScrollEventListener = function (handler) {
var _this = this;
if (!this.scrollElement) {
return;
}
this.scrollElement.addEventListener('scroll', handler);
return function () {
_this.scrollElement.removeEventListener('scroll', handler);
};
};
return Scroll;
}());
Scroll.decorators = [
{ type: Component, args: [{
selector: 'ion-scroll',
template: '<div class="scroll-content">' +
'<div class="scroll-zoom-wrapper">' +
'<ng-content></ng-content>' +
'</div>' +
'</div>',
host: {
'[class.scroll-x]': 'scrollX',
'[class.scroll-y]': 'scrollY'
},
changeDetection: ChangeDetectionStrategy.OnPush,
encapsulation: ViewEncapsulation.None,
},] },
];
/**
* @nocollapse
*/
Scroll.ctorParameters = function () { return [
{ type: ElementRef, },
]; };
Scroll.propDecorators = {
'scrollX': [{ type: Input },],
'scrollY': [{ type: Input },],
'zoom': [{ type: Input },],
'maxZoom': [{ type: Input },],
};
/**
* @hidden
*/
var ScrollModule = (function () {
function ScrollModule() {
}
/**
* @return {?}
*/
ScrollModule.forRoot = function () {
return {
ngModule: ScrollModule, providers: []
};
};
return ScrollModule;
}());
ScrollModule.decorators = [
{ type: NgModule, args: [{
declarations: [
Scroll
],
exports: [
Scroll
]
},] },
];
/**
* @nocollapse
*/
ScrollModule.ctorParameters = function () { return []; };
var __extends$74 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* \@name Searchbar
* \@module ionic
* \@description
* Manages the display of a Searchbar which can be used to search or filter items.
*
* \@usage
* ```html
* <ion-searchbar
* [(ngModel)]="myInput"
* [showCancelButton]="shouldShowCancel"
* (ionInput)="onInput($event)"
* (ionCancel)="onCancel($event)">
* </ion-searchbar>
* ```
*
* \@demo /docs/demos/src/searchbar/
* @see {\@link /docs/components#searchbar Searchbar Component Docs}
*/
var Searchbar = (function (_super) {
__extends$74(Searchbar, _super);
/**
* @param {?} config
* @param {?} _plt
* @param {?} elementRef
* @param {?} renderer
* @param {?} ngControl
*/
function Searchbar(config, _plt, elementRef, renderer, ngControl) {
var _this = _super.call(this, config, elementRef, renderer, 'searchbar') || this;
_this._plt = _plt;
_this._value = '';
_this._shouldBlur = true;
_this._shouldAlignLeft = true;
_this._isCancelVisible = false;
_this._spellcheck = false;
_this._autocomplete = 'off';
_this._autocorrect = 'off';
_this._isActive = false;
_this._debouncer = new TimeoutDebouncer(250);
_this._showCancelButton = false;
_this._animated = false;
/**
* \@input {string} Set the the cancel button text. Default: `"Cancel"`.
*/
_this.cancelButtonText = 'Cancel';
/**
* \@input {string} Set the input's placeholder. Default `"Search"`.
*/
_this.placeholder = 'Search';
/**
* \@input {string} Set the type of the input. Values: `"text"`, `"password"`, `"email"`, `"number"`, `"search"`, `"tel"`, `"url"`. Default `"search"`.
*/
_this.type = 'search';
/**
* \@output {event} Emitted when the Searchbar input has changed, including when it's cleared.
*/
_this.ionInput = new EventEmitter();
/**
* \@output {event} Emitted when the Searchbar input has blurred.
*/
_this.ionBlur = new EventEmitter();
/**
* \@output {event} Emitted when the Searchbar input has focused.
*/
_this.ionFocus = new EventEmitter();
/**
* \@output {event} Emitted when the cancel button is clicked.
*/
_this.ionCancel = new EventEmitter();
/**
* \@output {event} Emitted when the clear input button is clicked.
*/
_this.ionClear = new EventEmitter();
/**
* @hidden
*/
_this.onChange = function (_) { };
/**
* @hidden
*/
_this.onTouched = function () { };
// If the user passed a ngControl we need to set the valueAccessor
if (ngControl) {
ngControl.valueAccessor = _this;
}
return _this;
}
Object.defineProperty(Searchbar.prototype, "showCancelButton", {
/**
* \@input {boolean} If true, show the cancel button.
* @return {?}
*/
get: function () {
return this._showCancelButton;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._showCancelButton = isTrueProperty(val);
},
enumerable: true,
configurable: true
});
Object.defineProperty(Searchbar.prototype, "debounce", {
/**
* \@input {number} How long, in milliseconds, to wait to trigger the `ionInput` event after each keystroke. Default `250`.
* @return {?}
*/
get: function () {
return this._debouncer.wait;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._debouncer.wait = val;
},
enumerable: true,
configurable: true
});
Object.defineProperty(Searchbar.prototype, "autocomplete", {
/**
* \@input {string} Set the input's autocomplete property. Values: `"on"`, `"off"`. Default `"off"`.
* @param {?} val
* @return {?}
*/
set: function (val) {
this._autocomplete = (val === '' || val === 'on') ? 'on' : this._config.get('autocomplete', 'off');
},
enumerable: true,
configurable: true
});
Object.defineProperty(Searchbar.prototype, "autocorrect", {
/**
* \@input {string} Set the input's autocorrect property. Values: `"on"`, `"off"`. Default `"off"`.
* @param {?} val
* @return {?}
*/
set: function (val) {
this._autocorrect = (val === '' || val === 'on') ? 'on' : this._config.get('autocorrect', 'off');
},
enumerable: true,
configurable: true
});
Object.defineProperty(Searchbar.prototype, "spellcheck", {
/**
* \@input {string|boolean} Set the input's spellcheck property. Values: `true`, `false`. Default `false`.
* @param {?} val
* @return {?}
*/
set: function (val) {
this._spellcheck = (val === '' || val === 'true' || val === true) ? true : this._config.getBoolean('spellcheck', false);
},
enumerable: true,
configurable: true
});
Object.defineProperty(Searchbar.prototype, "animated", {
/**
* \@input {boolean} If true, enable searchbar animation.
* @return {?}
*/
get: function () {
return this._animated;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._animated = isTrueProperty(val);
},
enumerable: true,
configurable: true
});
Object.defineProperty(Searchbar.prototype, "value", {
/**
* \@input {string} Set the input value.
* @return {?}
*/
get: function () {
return this._value;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._value = val;
if (this._searchbarInput) {
var /** @type {?} */ ele = this._searchbarInput.nativeElement;
if (ele) {
ele.value = val;
}
}
},
enumerable: true,
configurable: true
});
/**
* @hidden
* On Initialization check for attributes
* @return {?}
*/
Searchbar.prototype.ngOnInit = function () {
var /** @type {?} */ showCancelButton = this.showCancelButton;
if (typeof showCancelButton === 'string') {
this.showCancelButton = (showCancelButton === '' || showCancelButton === 'true');
}
};
/**
* @hidden
* After View Checked position the elements
* @return {?}
*/
Searchbar.prototype.ngAfterContentInit = function () {
this.positionElements();
};
/**
* @hidden
* Positions the input search icon, placeholder, and the cancel button
* based on the input value and if it is focused. (ios only)
* @return {?}
*/
Searchbar.prototype.positionElements = function () {
var /** @type {?} */ isAnimated = this._animated;
var /** @type {?} */ prevAlignLeft = this._shouldAlignLeft;
var /** @type {?} */ shouldAlignLeft = (!isAnimated || (this._value && this._value.toString().trim() !== '') || this._sbHasFocus === true);
this._shouldAlignLeft = shouldAlignLeft;
if (this._mode !== 'ios') {
return;
}
if (prevAlignLeft !== shouldAlignLeft) {
this.positionPlaceholder();
}
if (isAnimated) {
this.positionCancelButton();
}
};
/**
* @return {?}
*/
Searchbar.prototype.positionPlaceholder = function () {
if (!this._searchbarInput || !this._searchbarIcon) {
return;
}
var /** @type {?} */ inputEle = this._searchbarInput.nativeElement;
var /** @type {?} */ iconEle = this._searchbarIcon.nativeElement;
if (this._shouldAlignLeft) {
inputEle.removeAttribute('style');
iconEle.removeAttribute('style');
}
else {
// Create a dummy span to get the placeholder width
var /** @type {?} */ doc = this._plt.doc();
var /** @type {?} */ tempSpan = doc.createElement('span');
tempSpan.innerHTML = this.placeholder;
doc.body.appendChild(tempSpan);
// Get the width of the span then remove it
var /** @type {?} */ textWidth = tempSpan.offsetWidth;
doc.body.removeChild(tempSpan);
// Set the input padding left
var /** @type {?} */ inputLeft = 'calc(50% - ' + (textWidth / 2) + 'px)';
inputEle.style.paddingLeft = inputLeft;
// Set the icon margin left
var /** @type {?} */ iconLeft = 'calc(50% - ' + ((textWidth / 2) + 30) + 'px)';
iconEle.style.marginLeft = iconLeft;
}
};
/**
* @hidden
* Show the iOS Cancel button on focus, hide it offscreen otherwise
* @return {?}
*/
Searchbar.prototype.positionCancelButton = function () {
if (!this._cancelButton || !this._cancelButton.nativeElement) {
return;
}
var /** @type {?} */ showShowCancel = this._sbHasFocus;
if (showShowCancel !== this._isCancelVisible) {
var /** @type {?} */ cancelStyleEle = this._cancelButton.nativeElement;
var /** @type {?} */ cancelStyle = cancelStyleEle.style;
this._isCancelVisible = showShowCancel;
if (showShowCancel) {
cancelStyle.marginRight = '0';
}
else {
var /** @type {?} */ offset = cancelStyleEle.offsetWidth;
if (offset > 0) {
cancelStyle.marginRight = -offset + 'px';
}
}
}
};
/**
* @hidden
* Update the Searchbar input value when the input changes
* @param {?} ev
* @return {?}
*/
Searchbar.prototype.inputChanged = function (ev) {
var _this = this;
this._value = ev.target.value;
this._debouncer.debounce(function () {
_this.onChange(_this._value);
_this.ionInput.emit(ev);
});
};
/**
* @hidden
* Sets the Searchbar to focused and active on input focus.
* @param {?} ev
* @return {?}
*/
Searchbar.prototype.inputFocused = function (ev) {
this.ionFocus.emit(ev);
this._sbHasFocus = true;
this._isActive = true;
this.positionElements();
};
/**
* @hidden
* Sets the Searchbar to not focused and checks if it should align left
* based on whether there is a value in the searchbar or not.
* @param {?} ev
* @return {?}
*/
Searchbar.prototype.inputBlurred = function (ev) {
// _shouldBlur determines if it should blur
// if we are clearing the input we still want to stay focused in the input
if (this._shouldBlur === false) {
this._searchbarInput.nativeElement.focus();
this._shouldBlur = true;
return;
}
this.ionBlur.emit(ev);
this._sbHasFocus = false;
this.positionElements();
};
/**
* @hidden
* Clears the input field and triggers the control change.
* @param {?} ev
* @return {?}
*/
Searchbar.prototype.clearInput = function (ev) {
var _this = this;
this.ionClear.emit(ev);
// setTimeout() fixes https://github.com/driftyco/ionic/issues/7527
// wait for 4 frames
setTimeout(function () {
var /** @type {?} */ value = _this._value;
if (isPresent$1(value) && value !== '') {
_this.value = ''; // DOM WRITE
_this.onChange(_this._value);
_this.ionInput.emit(ev);
}
}, 16 * 4);
this._shouldBlur = false;
};
/**
* @hidden
* Clears the input field and tells the input to blur since
* the clearInput function doesn't want the input to blur
* then calls the custom cancel function if the user passed one in.
* @param {?} ev
* @return {?}
*/
Searchbar.prototype.cancelSearchbar = function (ev) {
this.ionCancel.emit(ev);
this.clearInput(ev);
this._shouldBlur = true;
this._isActive = false;
};
/**
* @hidden
* Write a new value to the element.
* @param {?} val
* @return {?}
*/
Searchbar.prototype.writeValue = function (val) {
this.value = val;
this.positionElements();
};
/**
* @hidden
* Set the function to be called when the control receives a change event.
* @param {?} fn
* @return {?}
*/
Searchbar.prototype.registerOnChange = function (fn) {
this.onChange = fn;
};
/**
* @hidden
* Set the function to be called when the control receives a touch event.
* @param {?} fn
* @return {?}
*/
Searchbar.prototype.registerOnTouched = function (fn) {
this.onTouched = fn;
};
/**
* @return {?}
*/
Searchbar.prototype.setFocus = function () {
this._renderer.invokeElementMethod(this._searchbarInput.nativeElement, 'focus');
};
return Searchbar;
}(Ion));
Searchbar.decorators = [
{ type: Component, args: [{
selector: 'ion-searchbar',
template: '<div class="searchbar-input-container">' +
'<button ion-button mode="md" (click)="cancelSearchbar($event)" (mousedown)="cancelSearchbar($event)" clear color="dark" class="searchbar-md-cancel" type="button">' +
'<ion-icon name="md-arrow-back"></ion-icon>' +
'</button>' +
'<div #searchbarIcon class="searchbar-search-icon"></div>' +
'<input #searchbarInput class="searchbar-input" (input)="inputChanged($event)" (blur)="inputBlurred($event)" (focus)="inputFocused($event)" ' +
'[attr.placeholder]="placeholder" ' +
'[attr.type]="type" ' +
'[attr.autocomplete]="_autocomplete" ' +
'[attr.autocorrect]="_autocorrect" ' +
'[attr.spellcheck]="_spellcheck">' +
'<button ion-button clear class="searchbar-clear-icon" [mode]="_mode" (click)="clearInput($event)" (mousedown)="clearInput($event)" type="button"></button>' +
'</div>' +
'<button ion-button #cancelButton mode="ios" [tabindex]="_isActive ? 1 : -1" clear (click)="cancelSearchbar($event)" (mousedown)="cancelSearchbar($event)" class="searchbar-ios-cancel" type="button">{{cancelButtonText}}</button>',
host: {
'[class.searchbar-animated]': '_animated',
'[class.searchbar-has-value]': '_value',
'[class.searchbar-active]': '_isActive',
'[class.searchbar-show-cancel]': '_showCancelButton',
'[class.searchbar-left-aligned]': '_shouldAlignLeft'
},
encapsulation: ViewEncapsulation.None
},] },
];
/**
* @nocollapse
*/
Searchbar.ctorParameters = function () { return [
{ type: Config, },
{ type: Platform, },
{ type: ElementRef, },
{ type: Renderer, },
{ type: NgControl, decorators: [{ type: Optional },] },
]; };
Searchbar.propDecorators = {
'cancelButtonText': [{ type: Input },],
'showCancelButton': [{ type: Input },],
'debounce': [{ type: Input },],
'placeholder': [{ type: Input },],
'autocomplete': [{ type: Input },],
'autocorrect': [{ type: Input },],
'spellcheck': [{ type: Input },],
'type': [{ type: Input },],
'animated': [{ type: Input },],
'ionInput': [{ type: Output },],
'ionBlur': [{ type: Output },],
'ionFocus': [{ type: Output },],
'ionCancel': [{ type: Output },],
'ionClear': [{ type: Output },],
'_sbHasFocus': [{ type: HostBinding, args: ['class.searchbar-has-focus',] },],
'_searchbarInput': [{ type: ViewChild, args: ['searchbarInput',] },],
'_searchbarIcon': [{ type: ViewChild, args: ['searchbarIcon',] },],
'_cancelButton': [{ type: ViewChild, args: ['cancelButton', { read: ElementRef },] },],
'value': [{ type: Input },],
};
/**
* @hidden
*/
var SearchbarModule = (function () {
function SearchbarModule() {
}
/**
* @return {?}
*/
SearchbarModule.forRoot = function () {
return {
ngModule: SearchbarModule, providers: []
};
};
return SearchbarModule;
}());
SearchbarModule.decorators = [
{ type: NgModule, args: [{
imports: [
ButtonModule,
IconModule
],
declarations: [
Searchbar
],
exports: [
Searchbar
]
},] },
];
/**
* @nocollapse
*/
SearchbarModule.ctorParameters = function () { return []; };
/**
* \@name SegmentButton
* \@description
* The child buttons of the `ion-segment` component. Each `ion-segment-button` must have a value.
*
* \@usage
*
* ```html
* <ion-content>
* <!-- Segment buttons with icons -->
* <ion-segment [(ngModel)]="icons" color="secondary">
* <ion-segment-button value="camera">
* <ion-icon name="camera"></ion-icon>
* </ion-segment-button>
* <ion-segment-button value="bookmark">
* <ion-icon name="bookmark"></ion-icon>
* </ion-segment-button>
* </ion-segment>
*
* <!-- Segment buttons with text -->
* <ion-segment [(ngModel)]="relationship" color="primary">
* <ion-segment-button value="friends" (ionSelect)="selectedFriends()">
* Friends
* </ion-segment-button>
* <ion-segment-button value="enemies" (ionSelect)="selectedEnemies()">
* Enemies
* </ion-segment-button>
* </ion-segment>
* </ion-content>
* ```
*
*
* \@demo /docs/demos/src/segment/
* @see {\@link /docs/components#segment Segment Component Docs}
* @see {\@link /docs/api/components/segment/Segment/ Segment API Docs}
*/
var SegmentButton = (function () {
/**
* @param {?} _renderer
* @param {?} _elementRef
*/
function SegmentButton(_renderer, _elementRef) {
this._renderer = _renderer;
this._elementRef = _elementRef;
this._disabled = false;
/**
* \@output {SegmentButton} Emitted when a segment button has been clicked.
*/
this.ionSelect = new EventEmitter();
}
Object.defineProperty(SegmentButton.prototype, "disabled", {
/**
* \@input {boolean} If true, the user cannot interact with this element.
* @return {?}
*/
get: function () {
return this._disabled;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._disabled = isTrueProperty(val);
this._setElementClass('segment-button-disabled', this._disabled);
},
enumerable: true,
configurable: true
});
/**
* @hidden
* @param {?} cssClass
* @param {?} shouldAdd
* @return {?}
*/
SegmentButton.prototype._setElementClass = function (cssClass, shouldAdd) {
this._renderer.setElementClass(this._elementRef.nativeElement, cssClass, shouldAdd);
};
/**
* @hidden
* On click of a SegmentButton
* @return {?}
*/
SegmentButton.prototype.onClick = function () {
(void 0) /* console.debug */;
this.ionSelect.emit(this);
};
/**
* @hidden
* @return {?}
*/
SegmentButton.prototype.ngOnInit = function () {
if (!isPresent$1(this.value)) {
console.warn('<ion-segment-button> requires a "value" attribute');
}
};
Object.defineProperty(SegmentButton.prototype, "isActive", {
/**
* @hidden
* @param {?} isActive
* @return {?}
*/
set: function (isActive) {
this._renderer.setElementClass(this._elementRef.nativeElement, 'segment-activated', isActive);
this._renderer.setElementAttribute(this._elementRef.nativeElement, 'aria-pressed', isActive);
},
enumerable: true,
configurable: true
});
return SegmentButton;
}());
SegmentButton.decorators = [
{ type: Component, args: [{
selector: 'ion-segment-button',
template: '<ng-content></ng-content>' +
'<div class="button-effect"></div>',
host: {
'tappable': '',
'class': 'segment-button',
'role': 'button'
},
encapsulation: ViewEncapsulation.None,
},] },
];
/**
* @nocollapse
*/
SegmentButton.ctorParameters = function () { return [
{ type: Renderer, },
{ type: ElementRef, },
]; };
SegmentButton.propDecorators = {
'value': [{ type: Input },],
'ionSelect': [{ type: Output },],
'disabled': [{ type: Input },],
'onClick': [{ type: HostListener, args: ['click',] },],
};
var __extends$75 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* \@name Segment
* \@description
* A Segment is a group of buttons, sometimes known as Segmented Controls, that allow the user to interact with a compact group of a number of controls.
* Segments provide functionality similar to tabs, selecting one will unselect all others. You should use a tab bar instead of a segmented control when you want to let the user move back and forth between distinct pages in your app.
* You could use Angular 2's `ngModel` or `FormBuilder` API. For an overview on how `FormBuilder` works, checkout [Angular 2 Forms](http://learnangular2.com/forms/), or [Angular FormBuilder](https://angular.io/docs/ts/latest/api/forms/index/FormBuilder-class.html)
*
*
* ```html
* <!-- Segment in a header -->
* <ion-header>
* <ion-toolbar>
* <ion-segment [(ngModel)]="icons" color="secondary">
* <ion-segment-button value="camera">
* <ion-icon name="camera"></ion-icon>
* </ion-segment-button>
* <ion-segment-button value="bookmark">
* <ion-icon name="bookmark"></ion-icon>
* </ion-segment-button>
* </ion-segment>
* </ion-toolbar>
* </ion-header>
*
* <ion-content>
* <!-- Segment in content -->
* <ion-segment [(ngModel)]="relationship" color="primary">
* <ion-segment-button value="friends" (ionSelect)="selectedFriends()">
* Friends
* </ion-segment-button>
* <ion-segment-button value="enemies" (ionSelect)="selectedEnemies()">
* Enemies
* </ion-segment-button>
* </ion-segment>
*
* <!-- Segment in a form -->
* <form [formGroup]="myForm">
* <ion-segment formControlName="mapStyle" color="danger">
* <ion-segment-button value="standard">
* Standard
* </ion-segment-button>
* <ion-segment-button value="hybrid">
* Hybrid
* </ion-segment-button>
* <ion-segment-button value="sat">
* Satellite
* </ion-segment-button>
* </ion-segment>
* </form>
* </ion-content>
* ```
*
*
* \@demo /docs/demos/src/segment/
* @see {\@link /docs/components#segment Segment Component Docs}
* @see [Angular 2 Forms](http://learnangular2.com/forms/)
*/
var Segment = (function (_super) {
__extends$75(Segment, _super);
/**
* @param {?} config
* @param {?} elementRef
* @param {?} renderer
* @param {?} ngControl
*/
function Segment(config, elementRef, renderer, ngControl) {
var _this = _super.call(this, config, elementRef, renderer, 'segment') || this;
_this._disabled = false;
/**
* \@output {Any} Emitted when a segment button has been changed.
*/
_this.ionChange = new EventEmitter();
/**
* @hidden
*/
_this.onChange = function (_) { };
/**
* @hidden
*/
_this.onTouched = function (_) { };
if (ngControl) {
ngControl.valueAccessor = _this;
}
return _this;
}
Object.defineProperty(Segment.prototype, "disabled", {
/**
* \@input {boolean} If true, the user cannot interact with any of the buttons in the segment.
* @return {?}
*/
get: function () {
return this._disabled;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
var _this = this;
this._disabled = isTrueProperty(val);
if (this._buttons) {
this._buttons.forEach(function (button) {
button._setElementClass('segment-button-disabled', _this._disabled);
});
}
},
enumerable: true,
configurable: true
});
/**
* @hidden
* Write a new value to the element.
* @param {?} value
* @return {?}
*/
Segment.prototype.writeValue = function (value) {
this.value = isPresent$1(value) ? value : '';
if (this._buttons) {
var /** @type {?} */ buttons = this._buttons.toArray();
for (var _i = 0, buttons_1 = buttons; _i < buttons_1.length; _i++) {
var button = buttons_1[_i];
button.isActive = (button.value === this.value);
}
}
};
/**
* @hidden
* @return {?}
*/
Segment.prototype.ngAfterViewInit = function () {
var _this = this;
this._buttons.forEach(function (button) {
button.ionSelect.subscribe(function (selectedButton) {
_this.writeValue(selectedButton.value);
_this.onChange(selectedButton.value);
_this.ionChange.emit(selectedButton);
});
if (isPresent$1(_this.value)) {
button.isActive = (button.value === _this.value);
}
if (isTrueProperty(_this._disabled)) {
button._setElementClass('segment-button-disabled', _this._disabled);
}
});
};
/**
* @hidden
* Set the function to be called when the control receives a change event.
* @param {?} fn
* @return {?}
*/
Segment.prototype.registerOnChange = function (fn) { this.onChange = fn; };
/**
* @hidden
* Set the function to be called when the control receives a touch event.
* @param {?} fn
* @return {?}
*/
Segment.prototype.registerOnTouched = function (fn) { this.onTouched = fn; };
return Segment;
}(Ion));
Segment.decorators = [
{ type: Directive, args: [{
selector: 'ion-segment'
},] },
];
/**
* @nocollapse
*/
Segment.ctorParameters = function () { return [
{ type: Config, },
{ type: ElementRef, },
{ type: Renderer, },
{ type: NgControl, decorators: [{ type: Optional },] },
]; };
Segment.propDecorators = {
'ionChange': [{ type: Output },],
'_buttons': [{ type: ContentChildren, args: [SegmentButton,] },],
'disabled': [{ type: Input },],
};
/**
* @hidden
*/
var SegmentModule = (function () {
function SegmentModule() {
}
/**
* @return {?}
*/
SegmentModule.forRoot = function () {
return {
ngModule: SegmentModule, providers: []
};
};
return SegmentModule;
}());
SegmentModule.decorators = [
{ type: NgModule, args: [{
declarations: [
Segment,
SegmentButton
],
exports: [
Segment,
SegmentButton
]
},] },
];
/**
* @nocollapse
*/
SegmentModule.ctorParameters = function () { return []; };
var __extends$76 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
var SELECT_VALUE_ACCESSOR$1 = {
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(function () { return Select; }),
multi: true
};
/**
* \@name Select
* \@description
* The `ion-select` component is similar to an HTML `<select>` element, however,
* Ionic's select component makes it easier for users to sort through and select
* the preferred option or options. When users tap the select component, a
* dialog will appear with all of the options in a large, easy to select list
* for users.
*
* The select component takes child `ion-option` components. If `ion-option` is not
* given a `value` attribute then it will use its text as the value.
*
* ### Interfaces
*
* By default, the `ion-select` uses the {\@link ../../alert/AlertController AlertController API}
* to open up the overlay of options in an alert. The interface can be changed to use the
* {\@link ../../action-sheet/ActionSheetController ActionSheetController API} by passing
* `action-sheet` to the `interface` property. Read the other sections for the limitations of the
* action sheet interface.
*
* ### Single Value: Radio Buttons
*
* The standard `ion-select` component allows the user to select only one
* option. When selecting only one option the alert interface presents users with
* a radio button styled list of options. The action sheet interface can only be
* used with a single value select. If the number of options exceed 6, it will
* use the `alert` interface even if `action-sheet` is passed. The `ion-select`
* component's value receives the value of the selected option's value.
*
* ```html
* <ion-item>
* <ion-label>Gender</ion-label>
* <ion-select [(ngModel)]="gender">
* <ion-option value="f" selected="true">Female</ion-option>
* <ion-option value="m">Male</ion-option>
* </ion-select>
* </ion-item>
* ```
*
* ### Multiple Value: Checkboxes
*
* By adding the `multiple="true"` attribute to `ion-select`, users are able
* to select multiple options. When multiple options can be selected, the alert
* overlay presents users with a checkbox styled list of options. The
* `ion-select multiple="true"` component's value receives an array of all the
* selected option values. In the example below, because each option is not given
* a `value`, then it'll use its text as the value instead.
*
* Note: the action sheet interface will not work with a multi-value select.
*
* ```html
* <ion-item>
* <ion-label>Toppings</ion-label>
* <ion-select [(ngModel)]="toppings" multiple="true">
* <ion-option>Bacon</ion-option>
* <ion-option>Black Olives</ion-option>
* <ion-option>Extra Cheese</ion-option>
* <ion-option>Mushrooms</ion-option>
* <ion-option>Pepperoni</ion-option>
* <ion-option>Sausage</ion-option>
* </ion-select>
* </ion-item>
* ```
*
* ### Select Buttons
* By default, the two buttons read `Cancel` and `OK`. Each button's text
* can be customized using the `cancelText` and `okText` attributes:
*
* ```html
* <ion-select okText="Okay" cancelText="Dismiss">
* ...
* </ion-select>
* ```
*
* The action sheet interface does not have an `OK` button, clicking
* on any of the options will automatically close the overlay and select
* that value.
*
* ### Select Options
*
* Since `ion-select` uses the `Alert` and `Action Sheet` interfaces, options can be
* passed to these components through the `selectOptions` property. This can be used
* to pass a custom title, subtitle, css class, and more. See the
* {\@link ../../alert/AlertController/#create AlertController API docs} and
* {\@link ../../action-sheet/ActionSheetController/#create ActionSheetController API docs}
* for the properties that each interface accepts.
*
* ```html
* <ion-select [selectOptions]="selectOptions">
* ...
* </ion-select>
* ```
*
* ```ts
* this.selectOptions = {
* title: 'Pizza Toppings',
* subTitle: 'Select your toppings'
* };
* ```
*
* \@demo /docs/demos/src/select/
*/
var Select = (function (_super) {
__extends$76(Select, _super);
/**
* @param {?} _app
* @param {?} _form
* @param {?} config
* @param {?} elementRef
* @param {?} renderer
* @param {?} _item
* @param {?} _nav
*/
function Select(_app, _form, config, elementRef, renderer, _item, _nav) {
var _this = _super.call(this, config, elementRef, renderer, 'select') || this;
_this._app = _app;
_this._form = _form;
_this.config = config;
_this._item = _item;
_this._nav = _nav;
_this._disabled = false;
_this._multi = false;
_this._values = [];
_this._texts = [];
_this._text = '';
_this._isOpen = false;
/**
* \@input {string} The text to display on the cancel button. Default: `Cancel`.
*/
_this.cancelText = 'Cancel';
/**
* \@input {string} The text to display on the ok button. Default: `OK`.
*/
_this.okText = 'OK';
/**
* \@input {any} Any additional options that the `alert` or `action-sheet` interface can take.
* See the [AlertController API docs](../../alert/AlertController/#create) and the
* [ActionSheetController API docs](../../action-sheet/ActionSheetController/#create) for the
* create options for each interface.
*/
_this.selectOptions = {};
/**
* \@input {string} The interface the select should use: `action-sheet` or `alert`. Default: `alert`.
*/
_this.interface = '';
/**
* \@input {string} The text to display instead of the selected option's value.
*/
_this.selectedText = '';
/**
* \@output {any} Emitted when the selection has changed.
*/
_this.ionChange = new EventEmitter();
/**
* \@output {any} Emitted when the selection was cancelled.
*/
_this.ionCancel = new EventEmitter();
_form.register(_this);
if (_item) {
_this.id = 'sel-' + _item.registerInput('select');
_this._labelId = 'lbl-' + _item.id;
_this._item.setElementClass('item-select', true);
}
return _this;
}
/**
* @param {?} ev
* @return {?}
*/
Select.prototype._click = function (ev) {
if (ev.detail === 0) {
// do not continue if the click event came from a form submit
return;
}
ev.preventDefault();
ev.stopPropagation();
this.open();
};
/**
* @return {?}
*/
Select.prototype._keyup = function () {
if (!this._isOpen) {
this.open();
}
};
/**
* Open the select interface.
* @return {?}
*/
Select.prototype.open = function () {
var _this = this;
if (this._disabled) {
return;
}
(void 0) /* console.debug */;
// the user may have assigned some options specifically for the alert
var /** @type {?} */ selectOptions = deepCopy(this.selectOptions);
// make sure their buttons array is removed from the options
// and we create a new array for the alert's two buttons
selectOptions.buttons = [{
text: this.cancelText,
role: 'cancel',
handler: function () {
_this.ionCancel.emit(null);
}
}];
// if the selectOptions didn't provide a title then use the label's text
if (!selectOptions.title && this._item) {
selectOptions.title = this._item.getLabelText();
}
var /** @type {?} */ options = this._options.toArray();
if (this.interface === 'action-sheet' && options.length > 6) {
console.warn('Interface cannot be "action-sheet" with more than 6 options. Using the "alert" interface.');
this.interface = 'alert';
}
if (this.interface === 'action-sheet' && this._multi) {
console.warn('Interface cannot be "action-sheet" with a multi-value select. Using the "alert" interface.');
this.interface = 'alert';
}
var /** @type {?} */ overlay;
if (this.interface === 'action-sheet') {
selectOptions.buttons = selectOptions.buttons.concat(options.map(function (input) {
return {
role: (input.selected ? 'selected' : ''),
text: input.text,
handler: function () {
_this.onChange(input.value);
_this.ionChange.emit(input.value);
input.ionSelect.emit(input.value);
}
};
}));
var /** @type {?} */ selectCssClass = 'select-action-sheet';
// If the user passed a cssClass for the select, add it
selectCssClass += selectOptions.cssClass ? ' ' + selectOptions.cssClass : '';
selectOptions.cssClass = selectCssClass;
overlay = new ActionSheet(this._app, selectOptions, this.config);
}
else {
// default to use the alert interface
this.interface = 'alert';
// user cannot provide inputs from selectOptions
// alert inputs must be created by ionic from ion-options
selectOptions.inputs = this._options.map(function (input) {
return {
type: (_this._multi ? 'checkbox' : 'radio'),
label: input.text,
value: input.value,
checked: input.selected,
disabled: input.disabled,
handler: function (selectedOption) {
// Only emit the select event if it is being checked
// For multi selects this won't emit when unchecking
if (selectedOption.checked) {
input.ionSelect.emit(input.value);
}
}
};
});
var /** @type {?} */ selectCssClass = 'select-alert';
// create the alert instance from our built up selectOptions
overlay = new Alert(this._app, selectOptions, this.config);
if (this._multi) {
// use checkboxes
selectCssClass += ' multiple-select-alert';
}
else {
// use radio buttons
selectCssClass += ' single-select-alert';
}
// If the user passed a cssClass for the select, add it
selectCssClass += selectOptions.cssClass ? ' ' + selectOptions.cssClass : '';
overlay.setCssClass(selectCssClass);
overlay.addButton({
text: this.okText,
handler: function (selectedValues) {
_this.onChange(selectedValues);
_this.ionChange.emit(selectedValues);
}
});
}
overlay.present(selectOptions);
this._isOpen = true;
overlay.onDidDismiss(function () {
_this._isOpen = false;
});
};
Object.defineProperty(Select.prototype, "multiple", {
/**
* \@input {boolean} If true, the element can accept multiple values.
* @return {?}
*/
get: function () {
return this._multi;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._multi = isTrueProperty(val);
},
enumerable: true,
configurable: true
});
Object.defineProperty(Select.prototype, "text", {
/**
* @hidden
* @return {?}
*/
get: function () {
return (this._multi ? this._texts : this._texts.join());
},
enumerable: true,
configurable: true
});
/**
* @hidden
* @param {?} inputValue
* @return {?}
*/
Select.prototype.checkHasValue = function (inputValue) {
if (this._item) {
var /** @type {?} */ hasValue = void 0;
if (Array.isArray(inputValue)) {
hasValue = inputValue.length > 0;
}
else {
hasValue = !isBlank$1(inputValue);
}
this._item.setElementClass('input-has-value', hasValue);
}
};
Object.defineProperty(Select.prototype, "options", {
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._options = val;
if (!this._values.length) {
// there are no values set at this point
// so check to see who should be selected
this._values = val.filter(function (o) { return o.selected; }).map(function (o) { return o.value; });
}
this._updOpts();
},
enumerable: true,
configurable: true
});
/**
* @hidden
* @return {?}
*/
Select.prototype._updOpts = function () {
var _this = this;
this._texts = [];
if (this._options) {
this._options.forEach(function (option) {
// check this option if the option's value is in the values array
option.selected = _this._values.some(function (selectValue) {
return isCheckedProperty(selectValue, option.value);
});
if (option.selected) {
_this._texts.push(option.text);
}
});
}
this._text = this._texts.join(', ');
};
Object.defineProperty(Select.prototype, "disabled", {
/**
* \@input {boolean} If true, the user cannot interact with this element.
* @return {?}
*/
get: function () {
return this._disabled;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._disabled = isTrueProperty(val);
this._item && this._item.setElementClass('item-select-disabled', this._disabled);
},
enumerable: true,
configurable: true
});
/**
* @hidden
* @param {?} val
* @return {?}
*/
Select.prototype.writeValue = function (val) {
(void 0) /* console.debug */;
this._values = (Array.isArray(val) ? val : isBlank$1(val) ? [] : [val]);
this._updOpts();
this.checkHasValue(val);
};
/**
* @hidden
* @return {?}
*/
Select.prototype.ngAfterContentInit = function () {
this._updOpts();
};
/**
* @hidden
* @param {?} fn
* @return {?}
*/
Select.prototype.registerOnChange = function (fn) {
var _this = this;
this._fn = fn;
this.onChange = function (val) {
(void 0) /* console.debug */;
fn(val);
_this._values = (Array.isArray(val) ? val : isBlank$1(val) ? [] : [val]);
_this._updOpts();
_this.checkHasValue(val);
_this.onTouched();
};
};
/**
* @hidden
* @param {?} fn
* @return {?}
*/
Select.prototype.registerOnTouched = function (fn) { this.onTouched = fn; };
/**
* @hidden
* @param {?} val
* @return {?}
*/
Select.prototype.onChange = function (val) {
// onChange used when there is not an formControlName
(void 0) /* console.debug */;
this._values = (Array.isArray(val) ? val : isBlank$1(val) ? [] : [val]);
this._updOpts();
this.checkHasValue(val);
this.onTouched();
};
/**
* @hidden
* @return {?}
*/
Select.prototype.onTouched = function () { };
/**
* @hidden
* @param {?} isDisabled
* @return {?}
*/
Select.prototype.setDisabledState = function (isDisabled) {
this.disabled = isDisabled;
};
/**
* @hidden
* @return {?}
*/
Select.prototype.ngOnDestroy = function () {
this._form.deregister(this);
};
return Select;
}(Ion));
Select.decorators = [
{ type: Component, args: [{
selector: 'ion-select',
template: '<div *ngIf="!_text" class="select-placeholder select-text">{{placeholder}}</div>' +
'<div *ngIf="_text" class="select-text">{{selectedText || _text}}</div>' +
'<div class="select-icon">' +
'<div class="select-icon-inner"></div>' +
'</div>' +
'<button aria-haspopup="true" ' +
'[id]="id" ' +
'ion-button="item-cover" ' +
'[attr.aria-labelledby]="_labelId" ' +
'[attr.aria-disabled]="_disabled" ' +
'class="item-cover">' +
'</button>',
host: {
'[class.select-disabled]': '_disabled'
},
providers: [SELECT_VALUE_ACCESSOR$1],
encapsulation: ViewEncapsulation.None,
},] },
];
/**
* @nocollapse
*/
Select.ctorParameters = function () { return [
{ type: App, },
{ type: Form, },
{ type: Config, },
{ type: ElementRef, },
{ type: Renderer, },
{ type: Item, decorators: [{ type: Optional },] },
{ type: NavController, decorators: [{ type: Optional },] },
]; };
Select.propDecorators = {
'cancelText': [{ type: Input },],
'okText': [{ type: Input },],
'placeholder': [{ type: Input },],
'selectOptions': [{ type: Input },],
'interface': [{ type: Input },],
'selectedText': [{ type: Input },],
'ionChange': [{ type: Output },],
'ionCancel': [{ type: Output },],
'_click': [{ type: HostListener, args: ['click', ['$event'],] },],
'_keyup': [{ type: HostListener, args: ['keyup.space',] },],
'multiple': [{ type: Input },],
'options': [{ type: ContentChildren, args: [Option,] },],
'disabled': [{ type: Input },],
};
/**
* @hidden
*/
var SelectModule = (function () {
function SelectModule() {
}
/**
* @return {?}
*/
SelectModule.forRoot = function () {
return {
ngModule: SelectModule, providers: []
};
};
return SelectModule;
}());
SelectModule.decorators = [
{ type: NgModule, args: [{
imports: [
CommonModule
],
declarations: [
Select
],
exports: [
Select
]
},] },
];
/**
* @nocollapse
*/
SelectModule.ctorParameters = function () { return []; };
/**
* @hidden
*/
var DisplayWhen = (function () {
/**
* @param {?} conditions
* @param {?} _plt
* @param {?} zone
*/
function DisplayWhen(conditions, _plt, zone) {
this._plt = _plt;
this.zone = zone;
this.isMatch = false;
if (!conditions)
return;
this.conditions = conditions.replace(/\s/g, '').split(',');
// check if its one of the matching platforms first
// a platform does not change during the life of an app
for (var i = 0; i < this.conditions.length; i++) {
if (this.conditions[i] && _plt.is(this.conditions[i])) {
this.isMatch = true;
return;
}
}
if (this.orientation()) {
// add window resize listener
this.resizeObs = _plt.resize.subscribe(this.orientation.bind(this));
}
}
/**
* @return {?}
*/
DisplayWhen.prototype.orientation = function () {
for (var /** @type {?} */ i = 0; i < this.conditions.length; i++) {
if (this.conditions[i] === 'portrait') {
this.isMatch = this._plt.isPortrait();
return true;
}
if (this.conditions[i] === 'landscape') {
this.isMatch = this._plt.isLandscape();
return true;
}
}
return false;
};
/**
* @return {?}
*/
DisplayWhen.prototype.ngOnDestroy = function () {
this.resizeObs && this.resizeObs.unsubscribe();
this.resizeObs = null;
};
return DisplayWhen;
}());
var __extends$77 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
*
* \@name ShowWhen
* \@description
* The `showWhen` attribute takes a string that represents a platform or screen orientation.
* The element the attribute is added to will only be shown when that platform or screen orientation is active.
*
* Complements the [hideWhen attribute](../HideWhen). If the `showWhen` attribute is used on an
* element that also has the `hideWhen` attribute, the element will not show if `hideWhen` evaluates
* to `true` or `showWhen` evaluates to `false`. If the `hidden` attribute is also added, the element
* will not show if `hidden` evaluates to `true`.
*
* View the [Platform API docs](../../../platform/Platform) for more information on the different
* platforms you can use.
*
* \@usage
* ```html
* <div showWhen="android">
* I am visible on Android!
* </div>
*
* <div showWhen="ios">
* I am visible on iOS!
* </div>
*
* <div showWhen="android,ios">
* I am visible on Android and iOS!
* </div>
*
* <div showWhen="portrait">
* I am visible on Portrait!
* </div>
*
* <div showWhen="landscape">
* I am visible on Landscape!
* </div>
* ```
* \@demo /docs/demos/src/show-when/
* @see {\@link ../HideWhen HideWhen API Docs}
* @see {\@link ../../../platform/Platform Platform API Docs}
*/
var ShowWhen = (function (_super) {
__extends$77(ShowWhen, _super);
/**
* @param {?} showWhen
* @param {?} plt
* @param {?} zone
*/
function ShowWhen(showWhen, plt, zone) {
return _super.call(this, showWhen, plt, zone) || this;
}
return ShowWhen;
}(DisplayWhen));
// ngOnDestroy is implemented in DisplayWhen
ShowWhen.decorators = [
{ type: Directive, args: [{
selector: '[showWhen]',
host: {
'[class.hidden-show-when]': '!isMatch'
}
},] },
];
/**
* @nocollapse
*/
ShowWhen.ctorParameters = function () { return [
{ type: undefined, decorators: [{ type: Attribute, args: ['showWhen',] },] },
{ type: Platform, },
{ type: NgZone, },
]; };
var __extends$78 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* \@name HideWhen
* \@description
* The `hideWhen` attribute takes a string that represents a plaform or screen orientation.
* The element the attribute is added to will only be hidden when that platform or screen orientation is active.
*
* Complements the [showWhen attribute](../ShowWhen). If the `hideWhen` attribute is used on an
* element that also has the `showWhen` attribute, the element will not show if `hideWhen` evaluates
* to `true` or `showWhen` evaluates to `false`. If the `hidden` attribute is also added, the element
* will not show if `hidden` evaluates to `true`.
*
* View the [Platform API docs](../../../platform/Platform) for more information on the different
* platforms you can use.
*
* \@usage
* ```html
* <div hideWhen="android">
* I am hidden on Android!
* </div>
*
* <div hideWhen="ios">
* I am hidden on iOS!
* </div>
*
* <div hideWhen="android,ios">
* I am hidden on Android and iOS!
* </div>
*
* <div hideWhen="portrait">
* I am hidden on Portrait!
* </div>
*
* <div hideWhen="landscape">
* I am hidden on Landscape!
* </div>
* ```
*
* \@demo /docs/demos/src/hide-when/
* @see {\@link ../ShowWhen ShowWhen API Docs}
* @see {\@link ../../../platform/Platform Platform API Docs}
*/
var HideWhen = (function (_super) {
__extends$78(HideWhen, _super);
/**
* @param {?} hideWhen
* @param {?} plt
* @param {?} zone
*/
function HideWhen(hideWhen, plt, zone) {
return _super.call(this, hideWhen, plt, zone) || this;
}
return HideWhen;
}(DisplayWhen));
HideWhen.decorators = [
{ type: Directive, args: [{
selector: '[hideWhen]',
host: {
'[class.hidden-hide-when]': 'isMatch'
}
},] },
];
/**
* @nocollapse
*/
HideWhen.ctorParameters = function () { return [
{ type: undefined, decorators: [{ type: Attribute, args: ['hideWhen',] },] },
{ type: Platform, },
{ type: NgZone, },
]; };
/**
* @hidden
*/
var ShowHideWhenModule = (function () {
function ShowHideWhenModule() {
}
/**
* @return {?}
*/
ShowHideWhenModule.forRoot = function () {
return {
ngModule: ShowHideWhenModule, providers: []
};
};
return ShowHideWhenModule;
}());
ShowHideWhenModule.decorators = [
{ type: NgModule, args: [{
declarations: [
ShowWhen,
HideWhen
],
exports: [
ShowWhen,
HideWhen
]
},] },
];
/**
* @nocollapse
*/
ShowHideWhenModule.ctorParameters = function () { return []; };
/**
* @param {?} a
* @return {?}
*/
function round(a) {
return Math.floor(a);
}
/**
* @param {?} ele
* @param {?} styles
* @return {?}
*/
function inlineStyle(ele, styles) {
if (ele) {
if (ele.length) {
for (var /** @type {?} */ i = 0; i < ele.length; i++) {
inlineStyle(ele[i], styles);
}
}
else if (ele.nodeType) {
var /** @type {?} */ cssProps = Object.keys(styles);
for (var /** @type {?} */ i = 0; i < cssProps.length; i++) {
ele.style[cssProps[i]] = styles[cssProps[i]];
}
}
}
}
/**
* @param {?} ele
* @param {?} className
* @return {?}
*/
function addClass(ele, className) {
if (ele) {
if (ele.length) {
for (var /** @type {?} */ i = 0; i < ele.length; i++) {
addClass(ele[i], className);
}
}
else if (ele.nodeType) {
if (Array.isArray(className)) {
className.forEach(function (cls) {
ele.classList.add(cls);
});
}
else {
ele.classList.add(className);
}
}
}
}
/**
* @param {?} ele
* @param {?} className
* @return {?}
*/
function removeClass(ele, className) {
if (ele) {
if (ele.length) {
for (var /** @type {?} */ i = 0; i < ele.length; i++) {
removeClass(ele[i], className);
}
}
else if (ele.nodeType) {
if (Array.isArray(className)) {
className.forEach(function (cls) {
ele.classList.remove(cls);
});
}
else {
ele.classList.remove(className);
}
}
}
}
/**
* @param {?} ele
* @return {?}
*/
function getElementIndex(ele) {
var /** @type {?} */ i = 0;
if (ele) {
while ((ele = ele.previousSibling) !== null) {
if (ele.nodeType === 1)
i++;
}
}
return i;
}
/**
* @param {?} parentEle
* @param {?} query
* @return {?}
*/
function queryChildren(parentEle, query) {
if (parentEle) {
return (parentEle.querySelectorAll(query));
}
return [];
}
/**
* @param {?} parentEle
* @param {?} query
* @param {?} callback
* @return {?}
*/
function eachChild(parentEle, query, callback) {
if (parentEle) {
var /** @type {?} */ nodes = parentEle.querySelectorAll(query);
for (var /** @type {?} */ i = 0; i < nodes.length; i++) {
callback(/** @type {?} */ (nodes[i]));
}
}
}
/**
* @param {?} ele
* @param {?} val
* @return {?}
*/
function transform(ele, val) {
if (ele) {
var /** @type {?} */ elStyle = (ele.style);
elStyle.webkitTransform = elStyle.MsTransform = elStyle.msTransform = elStyle.transform = val;
}
}
/**
* @param {?} ele
* @param {?} duration
* @return {?}
*/
function transition(ele, duration) {
if (ele) {
if (typeof duration !== 'string') {
duration = duration + 'ms';
}
var /** @type {?} */ elStyle = (ele.style);
elStyle.webkitTransitionDuration = elStyle.MsTransitionDuration = elStyle.msTransitionDuration = elStyle.transitionDuration = duration;
}
}
/**
* @param {?} plt
* @param {?} ele
* @return {?}
*/
function triggerTransitionEnd(plt, ele) {
try {
var /** @type {?} */ win = plt.win();
var /** @type {?} */ evt = new win.CustomEvent('transitionend', { bubbles: true, cancelable: true });
ele.dispatchEvent(evt);
}
catch (e) { }
}
/**
* @param {?} ele
* @param {?} plt
* @return {?}
*/
function offset(ele, plt) {
if (ele) {
var /** @type {?} */ box = plt.getElementBoundingClientRect(ele);
var /** @type {?} */ body = plt.doc().body;
var /** @type {?} */ win = plt.win();
var /** @type {?} */ clientTop = ele.clientTop || body.clientTop || 0;
var /** @type {?} */ clientLeft = ele.clientLeft || body.clientLeft || 0;
var /** @type {?} */ scrollTop = win.pageYOffset || ele.scrollTop;
var /** @type {?} */ scrollLeft = win.pageXOffset || ele.scrollLeft;
return {
top: box.top + scrollTop - clientTop,
left: box.left + scrollLeft - clientLeft
};
}
return null;
}
/**
* @param {?} s
* @return {?}
*/
function updateSlidesOffset(s) {
for (var /** @type {?} */ i = 0; i < s._slides.length; i++) {
s._slides[i].swiperSlideOffset = isHorizontal(s) ? s._slides[i].offsetLeft : s._slides[i].offsetTop;
}
}
/**
* @param {?} s
* @return {?}
*/
function isHorizontal(s) {
return s.direction === 'horizontal';
}
var formElements = ['INPUT', 'SELECT', 'TEXTAREA', 'BUTTON', 'VIDEO'];
/**
* @param {?} el
* @return {?}
*/
function isFormElement(el) {
return !!el && formElements.indexOf(el.tagName) > -1;
}
/**
* @param {?} s
* @return {?}
*/
function minTranslate(s) {
return (-s._snapGrid[0]);
}
/**
* @param {?} s
* @return {?}
*/
function maxTranslate(s) {
return (-s._snapGrid[s._snapGrid.length - 1]);
}
var CLS = {
// Classnames
noSwiping: 'swiper-no-swiping',
containerModifier: 'swiper-container-',
slide: 'swiper-slide',
slideActive: 'swiper-slide-active',
slideDuplicateActive: 'swiper-slide-duplicate-active',
slideVisible: 'swiper-slide-visible',
slideDuplicate: 'swiper-slide-duplicate',
slideNext: 'swiper-slide-next',
slideDuplicateNext: 'swiper-slide-duplicate-next',
slidePrev: 'swiper-slide-prev',
slideDuplicatePrev: 'swiper-slide-duplicate-prev',
wrapper: 'swiper-wrapper',
bullet: 'swiper-pagination-bullet',
bulletActive: 'swiper-pagination-bullet-active',
buttonDisabled: 'swiper-button-disabled',
paginationCurrent: 'swiper-pagination-current',
paginationTotal: 'swiper-pagination-total',
paginationHidden: 'swiper-pagination-hidden',
paginationProgressbar: 'swiper-pagination-progressbar',
paginationClickable: 'swiper-pagination-clickable',
paginationModifier: 'swiper-pagination-',
lazyLoading: 'swiper-lazy',
lazyStatusLoading: 'swiper-lazy-loading',
lazyStatusLoaded: 'swiper-lazy-loaded',
lazyPreloader: 'swiper-lazy-preloader',
notification: 'swiper-notification',
preloader: 'preloader',
zoomContainer: 'swiper-zoom-container',
};
/**
* @param {?} s
* @param {?} el
* @param {?} progress
* @return {?}
*/
function setParallaxTransform(s, el, progress) {
var /** @type {?} */ p;
var /** @type {?} */ pX;
var /** @type {?} */ pY;
var /** @type {?} */ rtlFactor = s._rtl ? -1 : 1;
p = el.getAttribute('data-swiper-parallax') || '0';
pX = el.getAttribute('data-swiper-parallax-x');
pY = el.getAttribute('data-swiper-parallax-y');
if (pX || pY) {
pX = pX || '0';
pY = pY || '0';
}
else {
if (isHorizontal(s)) {
pX = p;
pY = '0';
}
else {
pY = p;
pX = '0';
}
}
if ((pX).indexOf('%') >= 0) {
pX = parseInt(pX, 10) * progress * rtlFactor + '%';
}
else {
pX = (pX) * progress * rtlFactor + 'px';
}
if ((pY).indexOf('%') >= 0) {
pY = parseInt(pY, 10) * progress + '%';
}
else {
pY = (pY) * progress + 'px';
}
transform(el, 'translate3d(' + pX + ', ' + pY + ',0px)');
}
/**
* @param {?} s
* @return {?}
*/
function parallaxSetTranslate(s) {
eachChild(s.container, '[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y]', function (el) {
setParallaxTransform(s, el, s.progress);
});
for (var /** @type {?} */ i = 0; i < s._slides.length; i++) {
var /** @type {?} */ slide = s._slides[i];
eachChild(slide, '[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y]', function (el) {
var /** @type {?} */ progress = Math.min(Math.max(slide.progress, -1), 1);
setParallaxTransform(s, slide, progress);
});
}
}
/**
* @param {?} s
* @param {?} duration
* @return {?}
*/
function parallaxSetTransition(s, duration) {
if (typeof duration === 'undefined')
duration = s.speed;
eachChild(s.container, '[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y]', function (el) {
var /** @type {?} */ parallaxDuration = parseInt(el.getAttribute('data-swiper-parallax-duration'), 10) || duration;
if (duration === 0)
parallaxDuration = 0;
transition(el, parallaxDuration);
});
}
/**
* @param {?} s
* @param {?=} translate
* @return {?}
*/
function updateProgress(s, translate) {
if (typeof translate === 'undefined') {
translate = s._translate || 0;
}
var /** @type {?} */ translatesDiff = maxTranslate(s) - minTranslate(s);
var /** @type {?} */ wasBeginning = s._isBeginning;
var /** @type {?} */ wasEnd = s._isEnd;
if (translatesDiff === 0) {
s.progress = 0;
s._isBeginning = s._isEnd = true;
}
else {
s.progress = (translate - minTranslate(s)) / (translatesDiff);
s._isBeginning = s.progress <= 0;
s._isEnd = s.progress >= 1;
}
s._zone.run(function () {
if (s._isBeginning && !wasBeginning) {
s.ionSlideReachStart.emit();
}
if (s._isEnd && !wasEnd) {
s.ionSlideReachEnd.emit();
}
if (s.watchSlidesProgress) {
updateSlidesProgress(s, translate);
}
s.ionSlideProgress.emit(s.progress);
});
}
/**
* @param {?} s
* @param {?} translate
* @return {?}
*/
function updateSlidesProgress(s, translate) {
if (typeof translate === 'undefined') {
translate = s._translate || 0;
}
if (s._slides.length === 0)
return;
if (typeof s._slides[0].swiperSlideOffset === 'undefined') {
updateSlidesOffset(s);
}
var /** @type {?} */ offsetCenter = -translate;
if (s._rtl)
offsetCenter = translate;
// Visible Slides
removeClass(s._slides, CLS.slideVisible);
for (var /** @type {?} */ i = 0; i < s._slides.length; i++) {
var /** @type {?} */ slide = s._slides[i];
var /** @type {?} */ slideProgress = (offsetCenter + (s.centeredSlides ? minTranslate(s) : 0) - slide.swiperSlideOffset) / (slide.swiperSlideSize + s.spaceBetween);
if (s.watchSlidesVisibility) {
var /** @type {?} */ slideBefore = -(offsetCenter - slide.swiperSlideOffset);
var /** @type {?} */ slideAfter = slideBefore + s._slidesSizesGrid[i];
var /** @type {?} */ isVisible = (slideBefore >= 0 && slideBefore < s._renderedSize) ||
(slideAfter > 0 && slideAfter <= s._renderedSize) ||
(slideBefore <= 0 && slideAfter >= s._renderedSize);
if (isVisible) {
s._slides[i].classList.add(CLS.slideVisible);
}
}
slide.progress = s._rtl ? -slideProgress : slideProgress;
}
}
/**
* @param {?} s
* @param {?} plt
* @return {?}
*/
/**
* @param {?} ele
* @return {?}
*/
function makeFocusable(ele) {
ele.setAttribute('tabIndex', '0');
}
/**
* @param {?} ele
* @param {?} role
* @return {?}
*/
function addRole(ele, role) {
ele.setAttribute('role', role);
}
/**
* @param {?} ele
* @param {?} label
* @return {?}
*/
function addLabel(ele, label) {
ele.setAttribute('aria-label', label);
}
/**
* @param {?} ele
* @param {?} isDisabled
* @return {?}
*/
function ariaDisable(ele, isDisabled) {
if (isDisabled) {
ele.setAttribute('aria-disabled', 'true');
}
else if (ele.hasAttribute('aria-disabled')) {
ele.removeAttribute('aria-disabled');
}
}
/**
* @param {?} ele
* @param {?} isHidden
* @return {?}
*/
function ariaHidden(ele, isHidden) {
if (isHidden) {
ele.setAttribute('aria-hidden', 'true');
}
else if (ele.hasAttribute('aria-hidden')) {
ele.removeAttribute('aria-hidden');
}
}
/**
* @param {?} s
* @param {?} event
* @return {?}
*/
function onEnterKey(s, event) {
// if (event.keyCode !== 13) return;
// const target: HTMLElement = <any>event.target;
// if (target.classList.contains(PARAMS.nextButtonClass)) {
// if (s.isEnd) {
// notify(s, PARAMS.lastSlideMessage);
// } else {
// notify(s, PARAMS.nextSlideMessage);
// }
// } else if (target.classList.contains(PARAMS.prevButtonClass)) {
// if (s.isBeginning) {
// notify(s, PARAMS.firstSlideMessage);
// } else {
// notify(s, PARAMS.prevSlideMessage);
// }
// }
}
// function notify(s: Slides, message: string) {
// var notification = s._liveRegion;
// if (notification) {
// notification.innerHTML = message || '';
// }
// }
/**
* @param {?} s
* @return {?}
*/
function updatePagination(s) {
if (!s.paginationType || !s._paginationContainer)
return;
var /** @type {?} */ paginationHTML = '';
if (s.paginationType === 'bullets') {
var /** @type {?} */ numberOfBullets = s.loop ? Math.ceil((s._slides.length - s.loopedSlides * 2) / s.slidesPerGroup) : s._snapGrid.length;
for (var /** @type {?} */ i = 0; i < numberOfBullets; i++) {
if (s.paginationBulletRender) {
paginationHTML += s.paginationBulletRender(i, CLS.bullet);
}
else {
paginationHTML += "<button class=\"" + CLS.bullet + "\" aria-label=\"Go to slide " + (i + 1) + "\" data-slide-index=\"" + i + "\"></button>";
}
}
}
else if (s.paginationType === 'fraction') {
paginationHTML =
'<span class="' + CLS.paginationCurrent + '"></span>' +
' / ' +
'<span class="' + CLS.paginationTotal + '"></span>';
}
else if (s.paginationType === 'progress') {
paginationHTML = '<span class="' + CLS.paginationProgressbar + '"></span>';
}
s._paginationContainer.innerHTML = paginationHTML;
s._bullets = (s._paginationContainer.querySelectorAll('.' + CLS.bullet));
}
/**
* @param {?} s
* @return {?}
*/
function updatePaginationClasses(s) {
// Current/Total
var /** @type {?} */ current;
var /** @type {?} */ total = s.loop ? Math.ceil((s._slides.length - s.loopedSlides * 2) / s.slidesPerGroup) : s._snapGrid.length;
if (s.loop) {
current = Math.ceil((s._activeIndex - s.loopedSlides) / s.slidesPerGroup);
if (current > s._slides.length - 1 - s.loopedSlides * 2) {
current = current - (s._slides.length - s.loopedSlides * 2);
}
if (current > total - 1) {
current = current - total;
}
if (current < 0 && s.paginationType !== 'bullets') {
current = total + current;
}
}
else {
if (typeof s._snapIndex !== 'undefined') {
current = s._snapIndex;
}
else {
current = s._activeIndex || 0;
}
}
// Types
if (s.paginationType === 'bullets' && s._bullets) {
var /** @type {?} */ selector = current + (current < 0 ? s._bullets.length : 0);
for (var /** @type {?} */ i = 0; i < s._bullets.length; i++) {
if (i === selector) {
addClass(s._bullets[i], CLS.bulletActive);
}
else {
removeClass(s._bullets[i], CLS.bulletActive);
}
}
}
if (s.paginationType === 'fraction') {
eachChild(s._paginationContainer, '.' + CLS.paginationCurrent, function (ele) {
ele.textContent = ((current + 1));
});
eachChild(s._paginationContainer, '.' + CLS.paginationTotal, function (ele) {
ele.textContent = total;
});
}
if (s.paginationType === 'progress') {
var /** @type {?} */ scale = (current + 1) / total, /** @type {?} */ scaleX = scale, /** @type {?} */ scaleY = 1;
if (!isHorizontal(s)) {
scaleY = scale;
scaleX = 1;
}
eachChild(s._paginationContainer, '.' + CLS.paginationProgressbar, function (ele) {
transform(ele, 'translate3d(0,0,0) scaleX(' + scaleX + ') scaleY(' + scaleY + ')');
transition(ele, s.speed);
});
}
}
/**
* @param {?} s
* @return {?}
*/
function updateClasses(s) {
var /** @type {?} */ childElements;
removeClass(s._slides, [CLS.slideActive, CLS.slideNext, CLS.slidePrev, CLS.slideDuplicateActive, CLS.slideDuplicateNext, CLS.slideDuplicatePrev]);
for (var /** @type {?} */ i = 0; i < s._slides.length; i++) {
ariaHidden(s._slides[i], true);
}
var /** @type {?} */ activeSlide = s._slides[s._activeIndex];
if (!activeSlide) {
return;
}
// Active classes
addClass(activeSlide, CLS.slideActive);
ariaHidden(activeSlide, false);
if (s.loop) {
// Duplicate to all looped slides
if (activeSlide.classList.contains(CLS.slideDuplicate)) {
childElements = queryChildren(s._wrapper, '.' + CLS.slide + ':not(.' + CLS.slideDuplicate + ')[data-swiper-slide-index="' + s.realIndex + '"]');
}
else {
childElements = queryChildren(s._wrapper, '.' + CLS.slide + '.' + CLS.slideDuplicate + '[data-swiper-slide-index="' + s.realIndex + '"]');
}
addClass(childElements, CLS.slideDuplicateActive);
}
// Next Slide
var /** @type {?} */ nextSlide = activeSlide.nextElementSibling;
if (s.loop && !nextSlide) {
nextSlide = s._slides[0];
}
nextSlide && nextSlide.classList.add(CLS.slideNext);
// Prev Slide
var /** @type {?} */ prevSlide = activeSlide.previousElementSibling;
if (s.loop && !prevSlide) {
prevSlide = s._slides[s._slides.length - 1];
}
prevSlide && prevSlide.classList.add(CLS.slidePrev);
if (s.loop) {
// Duplicate to all looped slides
if (nextSlide.classList.contains(CLS.slideDuplicate)) {
childElements = queryChildren(s._wrapper, '.' + CLS.slide + ':not(.' + CLS.slideDuplicate + ')[data-swiper-slide-index="' + nextSlide.getAttribute('data-swiper-slide-index') + '"]');
}
else {
childElements = queryChildren(s._wrapper, '.' + CLS.slide + '.' + CLS.slideDuplicate + '[data-swiper-slide-index="' + nextSlide.getAttribute('data-swiper-slide-index') + '"]');
}
addClass(childElements, CLS.slideDuplicateNext);
if (prevSlide.classList.contains(CLS.slideDuplicate)) {
childElements = queryChildren(s._wrapper, '.' + CLS.slide + ':not(.' + CLS.slideDuplicate + ')[data-swiper-slide-index="' + prevSlide.getAttribute('data-swiper-slide-index') + '"]');
}
else {
childElements = queryChildren(s._wrapper, '.' + CLS.slide + '.' + CLS.slideDuplicate + '[data-swiper-slide-index="' + prevSlide.getAttribute('data-swiper-slide-index') + '"]');
}
addClass(childElements, CLS.slideDuplicatePrev);
}
// Pagination
if (s._paginationContainer) {
updatePaginationClasses(s);
}
// Next/active buttons
if (!s.loop) {
if (s.prevButton) {
if (s._isBeginning) {
s.prevButton.classList.add(CLS.buttonDisabled);
ariaDisable(s.prevButton, true);
}
else {
s.prevButton.classList.remove(CLS.buttonDisabled);
ariaDisable(s.prevButton, false);
}
}
if (s.nextButton) {
if (s._isEnd) {
s.nextButton.classList.add(CLS.buttonDisabled);
ariaDisable(s.nextButton, true);
}
else {
s.nextButton.classList.remove(CLS.buttonDisabled);
ariaDisable(s.nextButton, false);
}
}
}
}
/**
* @param {?} s
* @return {?}
*/
function updateActiveIndex(s) {
var /** @type {?} */ translate = s._rtl ? s._translate : -s._translate;
var /** @type {?} */ newActiveIndex;
var /** @type {?} */ i;
var /** @type {?} */ snapIndex;
for (i = 0; i < s._slidesGrid.length; i++) {
if (typeof s._slidesGrid[i + 1] !== 'undefined') {
if (translate >= s._slidesGrid[i] && translate < s._slidesGrid[i + 1] - (s._slidesGrid[i + 1] - s._slidesGrid[i]) / 2) {
newActiveIndex = i;
}
else if (translate >= s._slidesGrid[i] && translate < s._slidesGrid[i + 1]) {
newActiveIndex = i + 1;
}
}
else {
if (translate >= s._slidesGrid[i]) {
newActiveIndex = i;
}
}
}
snapIndex = Math.floor(newActiveIndex / s.slidesPerGroup);
if (snapIndex >= s._snapGrid.length)
snapIndex = s._snapGrid.length - 1;
if (newActiveIndex === s._activeIndex) {
return;
}
s._snapIndex = snapIndex;
s._previousIndex = s._activeIndex;
s._activeIndex = newActiveIndex;
updateClasses(s);
updateRealIndex(s);
}
/**
* @param {?} s
* @return {?}
*/
function updateRealIndex(s) {
var /** @type {?} */ activeSlide = (s._slides[s._activeIndex]);
if (activeSlide) {
s.realIndex = parseInt(activeSlide.getAttribute('data-swiper-slide-index') || s._activeIndex, 10);
}
}
/*=========================
Controller
===========================*/
var SWIPER_CONTROLLER = {
LinearSpline: function (s, plt, x, y) {
this.x = x;
this.y = y;
this.lastIndex = x.length - 1;
// Given an x value (x2), return the expected y2 value:
// (x1,y1) is the known point before given value,
// (x3,y3) is the known point after given value.
var /** @type {?} */ i1, /** @type {?} */ i3;
this.interpolate = function (x2) {
if (!x2)
return 0;
// Get the indexes of x1 and x3 (the array indexes before and after given x2):
i3 = binarySearch(this.x, x2);
i1 = i3 - 1;
// We have our indexes i1 & i3, so we can calculate already:
// y2 := ((x2−x1) × (y3−y1)) ÷ (x3−x1) + y1
return ((x2 - this.x[i1]) * (this.y[i3] - this.y[i1])) / (this.x[i3] - this.x[i1]) + this.y[i1];
};
var /** @type {?} */ binarySearch = (function () {
var /** @type {?} */ maxIndex, /** @type {?} */ minIndex, /** @type {?} */ guess;
return function (array, val) {
minIndex = -1;
maxIndex = array.length;
while (maxIndex - minIndex > 1)
if (array[guess = maxIndex + minIndex >> 1] <= val) {
minIndex = guess;
}
else {
maxIndex = guess;
}
return maxIndex;
};
})();
},
// xxx: for now i will just save one spline function to to
getInterpolateFunction: function (s, plt, c) {
if (!s._spline)
s._spline = s.loop ?
new ((SWIPER_CONTROLLER)).LinearSpline(s, plt, s._slidesGrid, c._slidesGrid) :
new ((SWIPER_CONTROLLER)).LinearSpline(s, plt, s._snapGrid, c._snapGrid);
},
setTranslate: function (s, plt, translate, byController, setWrapperTranslate) {
var /** @type {?} */ controlled = s.control;
var /** @type {?} */ multiplier, /** @type {?} */ controlledTranslate;
/**
* @param {?} c
* @return {?}
*/
function setControlledTranslate(c) {
// this will create an Interpolate function based on the snapGrids
// x is the Grid of the scrolled scroller and y will be the controlled scroller
// it makes sense to create this only once and recall it for the interpolation
// the function does a lot of value caching for performance
translate = c._rtl && isHorizontal(c) ? -s._translate : s._translate;
if (s.controlBy === 'slide') {
SWIPER_CONTROLLER.getInterpolateFunction(s, plt, c);
// i am not sure why the values have to be multiplicated this way, tried to invert the snapGrid
// but it did not work out
controlledTranslate = -s._spline.interpolate(-translate);
}
if (!controlledTranslate || s.controlBy === 'container') {
multiplier = (maxTranslate(c) - minTranslate(c)) / (maxTranslate(s) - minTranslate(s));
controlledTranslate = (translate - minTranslate(s)) * multiplier + minTranslate(c);
}
if (s.controlInverse) {
controlledTranslate = maxTranslate(c) - controlledTranslate;
}
updateProgress(c, controlledTranslate);
setWrapperTranslate(c, plt, controlledTranslate, false, s);
updateActiveIndex(c);
}
if (Array.isArray(controlled)) {
for (var /** @type {?} */ i = 0; i < controlled.length; i++) {
if (controlled[i] !== byController) {
setControlledTranslate(controlled[i]);
}
}
}
else if (byController !== controlled) {
setControlledTranslate(controlled);
}
},
setTransition: function (s, plt, duration, byController, setWrapperTransition) {
var /** @type {?} */ controlled = s.control;
var /** @type {?} */ i;
/**
* @param {?} c
* @return {?}
*/
function setControlledTransition(c) {
setWrapperTransition(c, plt, duration, s);
if (duration !== 0) {
onTransitionStart(c);
plt.transitionEnd(c._wrapper, function () {
if (!controlled)
return;
if (c.loop && s.controlBy === 'slide') {
fixLoop(c, plt);
}
onTransitionEnd(c, plt);
});
}
}
if (Array.isArray(controlled)) {
for (i = 0; i < controlled.length; i++) {
if (controlled[i] !== byController) {
setControlledTransition(controlled[i]);
}
}
}
else if (byController !== controlled) {
setControlledTransition(controlled);
}
}
};
/*=========================
Effects
===========================*/
var SWIPER_EFFECTS = {
'fade': {
setTranslate: function (s, plt) {
for (var /** @type {?} */ i = 0; i < s._slides.length; i++) {
var /** @type {?} */ slide = s._slides[i];
var /** @type {?} */ offset$$1 = slide.swiperSlideOffset;
var /** @type {?} */ tx = -offset$$1;
if (!s.virtualTranslate) {
tx = tx - s._translate;
}
var /** @type {?} */ ty = 0;
if (!isHorizontal(s)) {
ty = tx;
tx = 0;
}
var /** @type {?} */ slideOpacity = s.fade.crossFade ?
Math.max(1 - Math.abs(slide.progress), 0) :
1 + Math.min(Math.max(slide.progress, -1), 0);
slide.style.opacity = (slideOpacity);
transform(slide, 'translate3d(' + tx + 'px, ' + ty + 'px, 0px)');
}
},
setTransition: function (s, plt, duration) {
var /** @type {?} */ slides = s._slides;
for (var /** @type {?} */ i = 0; i < slides.length; i++) {
transition(slides[i], duration);
}
if (s.virtualTranslate && duration !== 0) {
var /** @type {?} */ eventTriggered = false;
for (var /** @type {?} */ i = 0; i < slides.length; i++) {
plt.transitionEnd(slides[i], function () {
if (eventTriggered || !s)
return;
eventTriggered = true;
s._animating = false;
triggerTransitionEnd(plt, s._wrapper);
});
}
}
}
},
'flip': {
setTranslate: function (s, plt) {
for (var /** @type {?} */ i = 0; i < s._slides.length; i++) {
var /** @type {?} */ slide = s._slides[i];
var /** @type {?} */ progress = slide.progress;
if (s.flip.limitRotation) {
progress = Math.max(Math.min(slide.progress, 1), -1);
}
var /** @type {?} */ offset$$1 = slide.swiperSlideOffset;
var /** @type {?} */ rotate = -180 * progress, /** @type {?} */ rotateY = rotate, /** @type {?} */ rotateX = 0, /** @type {?} */ tx = -offset$$1, /** @type {?} */ ty = 0;
if (!isHorizontal(s)) {
ty = tx;
tx = 0;
rotateX = -rotateY;
rotateY = 0;
}
else if (s._rtl) {
rotateY = -rotateY;
}
slide.style.zIndex = (-Math.abs(Math.round(progress))) + s._slides.length;
if (s.flip.slideShadows) {
// Set shadows
var /** @type {?} */ shadowBefore = ((isHorizontal(s) ? slide.querySelector('.swiper-slide-shadow-left') : slide.querySelector('.swiper-slide-shadow-top')));
var /** @type {?} */ shadowAfter = ((isHorizontal(s) ? slide.querySelector('.swiper-slide-shadow-right') : slide.querySelector('.swiper-slide-shadow-bottom')));
if (!shadowBefore) {
shadowBefore = plt.doc().createElement('div');
shadowBefore.className = 'swiper-slide-shadow-' + (isHorizontal(s) ? 'left' : 'top');
slide.appendChild(shadowBefore);
}
if (!shadowAfter) {
shadowAfter = plt.doc().createElement('div');
shadowAfter.className = 'swiper-slide-shadow-' + (isHorizontal(s) ? 'right' : 'bottom');
slide.appendChild(shadowAfter);
}
if (shadowBefore) {
shadowBefore.style.opacity = (Math.max(-progress, 0));
}
if (shadowAfter) {
shadowAfter.style.opacity = (Math.max(progress, 0));
}
}
transform(slide, 'translate3d(' + tx + 'px, ' + ty + 'px, 0px) rotateX(' + rotateX + 'deg) rotateY(' + rotateY + 'deg)');
}
},
setTransition: function (s, plt, duration) {
for (var /** @type {?} */ i = 0; i < s._slides.length; i++) {
var /** @type {?} */ slide = s._slides[i];
transition(slide, duration);
eachChild(slide, '.swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left', function (el) {
transition(el, duration);
});
}
if (s.virtualTranslate && duration !== 0) {
var /** @type {?} */ eventTriggered = false;
plt.transitionEnd(s._slides[s._activeIndex], function (ev) {
if (eventTriggered || !s)
return;
if (!((ev.target)).classList.contains(CLS.slideActive)) {
return;
}
eventTriggered = true;
s._animating = false;
triggerTransitionEnd(plt, s._wrapper);
});
}
}
},
'cube': {
setTranslate: function (s, plt) {
var /** @type {?} */ wrapperRotate = 0;
var /** @type {?} */ cubeShadow;
if (s.cube.shadow) {
if (isHorizontal(s)) {
cubeShadow = (s._wrapper.querySelector('.swiper-cube-shadow'));
if (!cubeShadow) {
cubeShadow = plt.doc().createElement('div');
cubeShadow.className = 'swiper-cube-shadow';
s._wrapper.appendChild(cubeShadow);
}
cubeShadow.style.height = s.renderedWidth + 'px';
}
else {
cubeShadow = (s.container.querySelector('.swiper-cube-shadow'));
if (!cubeShadow) {
cubeShadow = plt.doc().createElement('div');
cubeShadow.className = 'swiper-cube-shadow';
s._wrapper.appendChild(cubeShadow);
}
}
}
for (var /** @type {?} */ i = 0; i < s._slides.length; i++) {
var /** @type {?} */ slide = s._slides[i];
var /** @type {?} */ slideAngle = i * 90;
var /** @type {?} */ round$$1 = Math.floor(slideAngle / 360);
if (s._rtl) {
slideAngle = -slideAngle;
round$$1 = Math.floor(-slideAngle / 360);
}
var /** @type {?} */ progress = Math.max(Math.min(slide.progress, 1), -1);
var /** @type {?} */ tx = 0, /** @type {?} */ ty = 0, /** @type {?} */ tz = 0;
if (i % 4 === 0) {
tx = -round$$1 * 4 * s._renderedSize;
tz = 0;
}
else if ((i - 1) % 4 === 0) {
tx = 0;
tz = -round$$1 * 4 * s._renderedSize;
}
else if ((i - 2) % 4 === 0) {
tx = s._renderedSize + round$$1 * 4 * s._renderedSize;
tz = s._renderedSize;
}
else if ((i - 3) % 4 === 0) {
tx = -s._renderedSize;
tz = 3 * s._renderedSize + s._renderedSize * 4 * round$$1;
}
if (s._rtl) {
tx = -tx;
}
if (!isHorizontal(s)) {
ty = tx;
tx = 0;
}
var /** @type {?} */ transformStr = 'rotateX(' + (isHorizontal(s) ? 0 : -slideAngle) + 'deg) rotateY(' + (isHorizontal(s) ? slideAngle : 0) + 'deg) translate3d(' + tx + 'px, ' + ty + 'px, ' + tz + 'px)';
if (progress <= 1 && progress > -1) {
wrapperRotate = i * 90 + progress * 90;
if (s._rtl)
wrapperRotate = -i * 90 - progress * 90;
}
transform(slide, transformStr);
if (s.cube.slideShadows) {
// Set shadows
var /** @type {?} */ shadowBefore = ((isHorizontal(s) ? slide.querySelector('.swiper-slide-shadow-left') : slide.querySelector('.swiper-slide-shadow-top')));
var /** @type {?} */ shadowAfter = ((isHorizontal(s) ? slide.querySelector('.swiper-slide-shadow-right') : slide.querySelector('.swiper-slide-shadow-bottom')));
if (!shadowBefore) {
shadowBefore = plt.doc().createElement('div');
shadowBefore.className = 'swiper-slide-shadow-' + (isHorizontal(s) ? 'left' : 'top');
slide.appendChild(shadowBefore);
}
if (!shadowAfter) {
shadowAfter = plt.doc().createElement('div');
shadowAfter.className = 'swiper-slide-shadow-' + (isHorizontal(s) ? 'right' : 'bottom');
slide.appendChild(shadowAfter);
}
if (shadowBefore)
shadowBefore.style.opacity = (Math.max(-progress, 0));
if (shadowAfter)
shadowAfter.style.opacity = (Math.max(progress, 0));
}
}
s._wrapper.style.transformOrigin = s._wrapper.style.webkitTransformOrigin = '50% 50% -' + (s._renderedSize / 2) + 'px';
if (s.cube.shadow) {
if (isHorizontal(s)) {
transform(cubeShadow, 'translate3d(0px, ' + (s.renderedWidth / 2 + s.cube.shadowOffset) + 'px, ' + (-s.renderedWidth / 2) + 'px) rotateX(90deg) rotateZ(0deg) scale(' + (s.cube.shadowScale) + ')');
}
else {
var /** @type {?} */ shadowAngle = Math.abs(wrapperRotate) - Math.floor(Math.abs(wrapperRotate) / 90) * 90;
var /** @type {?} */ multiplier = 1.5 - (Math.sin(shadowAngle * 2 * Math.PI / 360) / 2 + Math.cos(shadowAngle * 2 * Math.PI / 360) / 2);
var /** @type {?} */ scale1 = s.cube.shadowScale;
var /** @type {?} */ scale2 = s.cube.shadowScale / multiplier;
var /** @type {?} */ offset$$1 = s.cube.shadowOffset;
transform(cubeShadow, 'scale3d(' + scale1 + ', 1, ' + scale2 + ') translate3d(0px, ' + (s.renderedHeight / 2 + offset$$1) + 'px, ' + (-s.renderedHeight / 2 / scale2) + 'px) rotateX(-90deg)');
}
}
var /** @type {?} */ zFactor = (isSafari(plt) || isIosUIWebView(plt)) ? (-s._renderedSize / 2) : 0;
transform(s._wrapper, 'translate3d(0px,0,' + zFactor + 'px) rotateX(' + (isHorizontal(s) ? 0 : wrapperRotate) + 'deg) rotateY(' + (isHorizontal(s) ? -wrapperRotate : 0) + 'deg)');
},
setTransition: function (s, plt, duration) {
for (var /** @type {?} */ i = 0; i < s._slides.length; i++) {
var /** @type {?} */ slide = s._slides[i];
transition(slide, duration);
eachChild(slide, '.swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left', function (el) {
transition(el, duration);
});
}
if (s.cube.shadow && !isHorizontal(s)) {
eachChild(s.container, '.swiper-cube-shadow', function (el) {
transition(el, duration);
});
}
}
},
'coverflow': {
setTranslate: function (s, plt) {
var /** @type {?} */ transformStr = s._translate;
var /** @type {?} */ center = isHorizontal(s) ? -transformStr + s.renderedWidth / 2 : -transformStr + s.renderedHeight / 2;
var /** @type {?} */ rotate = isHorizontal(s) ? s.coverflow.rotate : -s.coverflow.rotate;
var /** @type {?} */ translate = s.coverflow.depth;
// Each slide offset from center
for (var /** @type {?} */ i = 0, /** @type {?} */ length = s._slides.length; i < length; i++) {
var /** @type {?} */ slide = s._slides[i];
var /** @type {?} */ slideSize = s._slidesSizesGrid[i];
var /** @type {?} */ slideOffset = slide.swiperSlideOffset;
var /** @type {?} */ offsetMultiplier = (center - slideOffset - slideSize / 2) / slideSize * s.coverflow.modifier;
var /** @type {?} */ rotateY = isHorizontal(s) ? rotate * offsetMultiplier : 0;
var /** @type {?} */ rotateX = isHorizontal(s) ? 0 : rotate * offsetMultiplier;
// var rotateZ = 0
var /** @type {?} */ translateZ = -translate * Math.abs(offsetMultiplier);
var /** @type {?} */ translateY = isHorizontal(s) ? 0 : s.coverflow.stretch * (offsetMultiplier);
var /** @type {?} */ translateX = isHorizontal(s) ? s.coverflow.stretch * (offsetMultiplier) : 0;
// Fix for ultra small values
if (Math.abs(translateX) < 0.001)
translateX = 0;
if (Math.abs(translateY) < 0.001)
translateY = 0;
if (Math.abs(translateZ) < 0.001)
translateZ = 0;
if (Math.abs(rotateY) < 0.001)
rotateY = 0;
if (Math.abs(rotateX) < 0.001)
rotateX = 0;
var /** @type {?} */ slideTransform = 'translate3d(' + translateX + 'px,' + translateY + 'px,' + translateZ + 'px) rotateX(' + rotateX + 'deg) rotateY(' + rotateY + 'deg)';
transform(slide, slideTransform);
slide.style.zIndex = (-Math.abs(Math.round(offsetMultiplier))) + 1;
if (s.coverflow.slideShadows) {
// Set shadows
var /** @type {?} */ shadowBefore = ((isHorizontal(s) ? slide.querySelector('.swiper-slide-shadow-left') : slide.querySelector('.swiper-slide-shadow-top')));
var /** @type {?} */ shadowAfter = ((isHorizontal(s) ? slide.querySelector('.swiper-slide-shadow-right') : slide.querySelector('.swiper-slide-shadow-bottom')));
if (!shadowBefore) {
shadowBefore = plt.doc().createElement('div');
shadowBefore.className = 'swiper-slide-shadow-' + (isHorizontal(s) ? 'left' : 'top');
slide.appendChild(shadowBefore);
}
if (!shadowAfter) {
shadowAfter = plt.doc().createElement('div');
shadowAfter.className = 'swiper-slide-shadow-' + (isHorizontal(s) ? 'right' : 'bottom');
slide.appendChild(shadowAfter);
}
if (shadowBefore) {
shadowBefore.style.opacity = ((offsetMultiplier > 0 ? offsetMultiplier : 0));
}
if (shadowAfter) {
shadowAfter.style.opacity = (((-offsetMultiplier) > 0 ? -offsetMultiplier : 0));
}
}
}
},
setTransition: function (s, plt, duration) {
for (var /** @type {?} */ i = 0; i < s._slides.length; i++) {
var /** @type {?} */ slide = s._slides[i];
transition(slide, duration);
eachChild(slide, '.swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left', function (el) {
transition(el, duration);
});
}
}
}
};
/**
* @param {?} s
* @param {?} plt
* @param {?} translate
* @param {?=} shouldUpdateActiveIndex
* @param {?=} byController
* @return {?}
*/
function setWrapperTranslate(s, plt, translate, shouldUpdateActiveIndex, byController) {
var /** @type {?} */ x = 0, /** @type {?} */ y = 0, /** @type {?} */ z = 0;
if (isHorizontal(s)) {
x = s._rtl ? -translate : translate;
}
else {
y = translate;
}
if (s.roundLengths) {
x = round(x);
y = round(y);
}
if (!s.virtualTranslate) {
transform(s._wrapper, 'translate3d(' + x + 'px, ' + y + 'px, ' + z + 'px)');
}
s._translate = isHorizontal(s) ? x : y;
// Check if we need to update progress
var /** @type {?} */ progress;
var /** @type {?} */ translatesDiff = maxTranslate(s) - minTranslate(s);
if (translatesDiff === 0) {
progress = 0;
}
else {
progress = (translate - minTranslate(s)) / (translatesDiff);
}
if (progress !== s.progress) {
updateProgress(s, translate);
}
if (shouldUpdateActiveIndex) {
updateActiveIndex(s);
}
if (s.effect !== 'slide' && SWIPER_EFFECTS[s.effect]) {
SWIPER_EFFECTS[s.effect].setTranslate(s, plt);
}
if (s.parallax) {
parallaxSetTranslate(s);
}
if (s.control) {
SWIPER_CONTROLLER.setTranslate(s, plt, s._translate, byController, setWrapperTranslate);
}
}
/**
* @param {?} s
* @param {?} plt
* @param {?} el
* @param {?} axis
* @return {?}
*/
function getTranslate(s, plt, el, axis) {
var /** @type {?} */ win = plt.win();
var /** @type {?} */ matrix;
var /** @type {?} */ curTransform;
var /** @type {?} */ curStyle;
var /** @type {?} */ transformMatrix;
// automatic axis detection
if (typeof axis === 'undefined') {
axis = 'x';
}
if (s.virtualTranslate) {
return s._rtl ? -s._translate : s._translate;
}
curStyle = plt.getElementComputedStyle(el);
if (win.WebKitCSSMatrix) {
curTransform = curStyle.transform || curStyle.webkitTransform;
if (curTransform.split(',').length > 6) {
curTransform = curTransform.split(', ').map(function (a) {
return a.replace(',', '.');
}).join(', ');
}
// Some old versions of Webkit choke when 'none' is passed; pass
// empty string instead in this case
transformMatrix = new win.WebKitCSSMatrix(curTransform === 'none' ? '' : curTransform);
}
else {
transformMatrix = ((curStyle)).MozTransform || ((curStyle)).OTransform || ((curStyle)).MsTransform || ((curStyle)).msTransform || curStyle.transform || curStyle.getPropertyValue('transform').replace('translate(', 'matrix(1, 0, 0, 1,');
matrix = transformMatrix.toString().split(',');
}
if (axis === 'x') {
if (win.WebKitCSSMatrix) {
// Latest Chrome and webkits Fix
curTransform = (transformMatrix.m41);
}
else if (matrix.length === 16) {
// Crazy IE10 Matrix
curTransform = parseFloat(matrix[12]);
}
else {
// Normal Browsers
curTransform = parseFloat(matrix[4]);
}
}
if (axis === 'y') {
if (win.WebKitCSSMatrix) {
// Latest Chrome and webkits Fix
curTransform = transformMatrix.m42;
}
else if (matrix.length === 16) {
// Crazy IE10 Matrix
curTransform = parseFloat(matrix[13]);
}
else {
// Normal Browsers
curTransform = parseFloat(matrix[5]);
}
}
if (s._rtl && curTransform) {
curTransform = -curTransform;
}
return curTransform || 0;
}
/**
* @param {?} s
* @param {?} plt
* @param {?=} axis
* @return {?}
*/
function getWrapperTranslate(s, plt, axis) {
if (typeof axis === 'undefined') {
axis = isHorizontal(s) ? 'x' : 'y';
}
return getTranslate(s, plt, s._wrapper, axis);
}
/**
* @param {?} s
* @param {?} plt
* @param {?} duration
* @param {?=} byController
* @return {?}
*/
function setWrapperTransition(s, plt, duration, byController) {
transition(s._wrapper, duration);
if (s.effect !== 'slide' && SWIPER_EFFECTS[s.effect]) {
SWIPER_EFFECTS[s.effect].setTransition(s, plt, duration);
}
if (s.parallax) {
parallaxSetTransition(s, duration);
}
if (s.control) {
SWIPER_CONTROLLER.setTransition(s, plt, duration, byController, setWrapperTransition);
}
}
/**
* @param {?} s
* @param {?} plt
* @return {?}
*/
function initZoom(s, plt) {
s._supportGestures = ('ongesturestart' in plt.win());
s._zoom = {
// "Global" Props
scale: 1,
currentScale: 1,
isScaling: false,
gesture: {
slide: undefined,
slideWidth: undefined,
slideHeight: undefined,
image: undefined,
imageWrap: undefined,
zoomMax: s.zoomMax
},
image: {
isTouched: undefined,
isMoved: undefined,
currentX: undefined,
currentY: undefined,
minX: undefined,
minY: undefined,
maxX: undefined,
maxY: undefined,
width: undefined,
height: undefined,
startX: undefined,
startY: undefined,
touchesStart: {},
touchesCurrent: {}
},
velocity: {
x: undefined,
y: undefined,
prevPositionX: undefined,
prevPositionY: undefined,
prevTime: undefined
},
unRegs: []
};
resetZoomEvents(s, plt);
return function () {
detachZoomEvents(s);
};
}
/**
* @param {?} ev
* @return {?}
*/
function getDistanceBetweenTouches(ev) {
if (ev.targetTouches.length < 2)
return 1;
var /** @type {?} */ x1 = ev.targetTouches[0].pageX, /** @type {?} */ y1 = ev.targetTouches[0].pageY, /** @type {?} */ x2 = ev.targetTouches[1].pageX, /** @type {?} */ y2 = ev.targetTouches[1].pageY;
return Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2));
}
/**
* @param {?} s
* @param {?} plt
* @param {?} ev
* @return {?}
*/
function onGestureStart(s, plt, ev) {
var /** @type {?} */ z = s._zoom;
s.originalEvent = ev;
if (!s._supportGestures) {
if (ev.type !== 'touchstart' || ev.type === 'touchstart' && ev.targetTouches.length < 2) {
return;
}
z.gesture.scaleStart = getDistanceBetweenTouches(ev);
}
if (!z.gesture.slide) {
if (ev.currentTarget && ((ev.currentTarget)).classList.contains(CLS.slide)) {
z.gesture.slide = (ev.currentTarget);
}
if (!z.gesture.slide) {
z.gesture.slide = s._slides[s._activeIndex];
}
z.gesture.image = (z.gesture.slide.querySelector('img, svg, canvas, ion-img'));
z.gesture.imageWrap = (z.gesture.image.closest('.' + CLS.zoomContainer));
if (!z.gesture.imageWrap) {
z.gesture.image = undefined;
return;
}
z.gesture.zoomMax = parseInt(z.gesture.imageWrap.getAttribute('data-swiper-zoom') || (s.zoomMax), 10);
}
transition(z.gesture.image, 0);
z.isScaling = true;
}
/**
* @param {?} s
* @param {?} plt
* @param {?} ev
* @return {?}
*/
function onGestureChange(s, plt, ev) {
var /** @type {?} */ z = s._zoom;
s.originalEvent = ev;
if (!s._supportGestures) {
if (ev.type !== 'touchmove' || ev.type === 'touchmove' && ev.targetTouches.length < 2) {
return;
}
z.gesture.scaleMove = getDistanceBetweenTouches(ev);
}
if (!z.gesture.image)
return;
if (s._supportGestures) {
z.scale = ((ev)).scale * z.currentScale;
}
else {
z.scale = (z.gesture.scaleMove / z.gesture.scaleStart) * z.currentScale;
}
if (z.scale > z.gesture.zoomMax) {
z.scale = z.gesture.zoomMax - 1 + Math.pow((z.scale - z.gesture.zoomMax + 1), 0.5);
}
if (z.scale < s.zoomMin) {
z.scale = s.zoomMin + 1 - Math.pow((s.zoomMin - z.scale + 1), 0.5);
}
transform(z.gesture.image, 'translate3d(0,0,0) scale(' + z.scale + ')');
}
/**
* @param {?} s
* @param {?} plt
* @param {?} ev
* @return {?}
*/
function onGestureEnd(s, plt, ev) {
var /** @type {?} */ z = s._zoom;
s.originalEvent = ev;
if (!s._supportGestures) {
if (ev.type !== 'touchend' || ev.type === 'touchend' && ev.changedTouches.length < 2) {
return;
}
}
if (!z.gesture.image)
return;
z.scale = Math.max(Math.min(z.scale, z.gesture.zoomMax), s.zoomMin);
transition(z.gesture.image, s.speed);
transform(z.gesture.image, 'translate3d(0,0,0) scale(' + z.scale + ')');
z.currentScale = z.scale;
z.isScaling = false;
if (z.scale === 1) {
z.gesture.slide = undefined;
}
}
/**
* @param {?} s
* @param {?} plt
* @param {?} ev
* @return {?}
*/
function onTouchStart(s, plt, ev) {
var /** @type {?} */ z = s._zoom;
s.originalEvent = ev;
if (!z.gesture.image || z.image.isTouched)
return;
if (plt.is('android')) {
ev.preventDefault();
}
z.image.isTouched = true;
z.image.touchesStart.x = ev.type === 'touchstart' ? ev.targetTouches[0].pageX : ((ev)).pageX;
z.image.touchesStart.y = ev.type === 'touchstart' ? ev.targetTouches[0].pageY : ((ev)).pageY;
}
/**
* @param {?} s
* @param {?} plt
* @param {?} ev
* @return {?}
*/
function onTouchMove(s, plt, ev) {
var /** @type {?} */ z = s._zoom;
s.originalEvent = ev;
if (!z.gesture.image)
return;
s._allowClick = false;
if (!z.image.isTouched || !z.gesture.slide)
return;
if (!z.image.isMoved) {
z.image.width = z.gesture.image.offsetWidth;
z.image.height = z.gesture.image.offsetHeight;
z.image.startX = getTranslate(s, plt, z.gesture.imageWrap, 'x') || 0;
z.image.startY = getTranslate(s, plt, z.gesture.imageWrap, 'y') || 0;
z.gesture.slideWidth = z.gesture.slide.offsetWidth;
z.gesture.slideHeight = z.gesture.slide.offsetHeight;
transition(z.gesture.imageWrap, 0);
if (s._rtl) {
z.image.startX = -z.image.startX;
z.image.startY = -z.image.startY;
}
}
// Define if we need image drag
var /** @type {?} */ scaledWidth = z.image.width * z.scale;
var /** @type {?} */ scaledHeight = z.image.height * z.scale;
if (scaledWidth < z.gesture.slideWidth && scaledHeight < z.gesture.slideHeight) {
return;
}
z.image.minX = Math.min((z.gesture.slideWidth / 2 - scaledWidth / 2), 0);
z.image.maxX = -z.image.minX;
z.image.minY = Math.min((z.gesture.slideHeight / 2 - scaledHeight / 2), 0);
z.image.maxY = -z.image.minY;
z.image.touchesCurrent.x = ev.type === 'touchmove' ? ev.targetTouches[0].pageX : ((ev)).pageX;
z.image.touchesCurrent.y = ev.type === 'touchmove' ? ev.targetTouches[0].pageY : ((ev)).pageY;
if (!z.image.isMoved && !z.isScaling) {
if (isHorizontal(s) &&
(Math.floor(z.image.minX) === Math.floor(z.image.startX) && z.image.touchesCurrent.x < z.image.touchesStart.x) ||
(Math.floor(z.image.maxX) === Math.floor(z.image.startX) && z.image.touchesCurrent.x > z.image.touchesStart.x)) {
z.image.isTouched = false;
return;
}
else if (!isHorizontal(s) &&
(Math.floor(z.image.minY) === Math.floor(z.image.startY) && z.image.touchesCurrent.y < z.image.touchesStart.y) ||
(Math.floor(z.image.maxY) === Math.floor(z.image.startY) && z.image.touchesCurrent.y > z.image.touchesStart.y)) {
z.image.isTouched = false;
return;
}
}
ev.preventDefault();
ev.stopPropagation();
z.image.isMoved = true;
z.image.currentX = z.image.touchesCurrent.x - z.image.touchesStart.x + z.image.startX;
z.image.currentY = z.image.touchesCurrent.y - z.image.touchesStart.y + z.image.startY;
if (z.image.currentX < z.image.minX) {
z.image.currentX = z.image.minX + 1 - Math.pow((z.image.minX - z.image.currentX + 1), 0.8);
}
if (z.image.currentX > z.image.maxX) {
z.image.currentX = z.image.maxX - 1 + Math.pow((z.image.currentX - z.image.maxX + 1), 0.8);
}
if (z.image.currentY < z.image.minY) {
z.image.currentY = z.image.minY + 1 - Math.pow((z.image.minY - z.image.currentY + 1), 0.8);
}
if (z.image.currentY > z.image.maxY) {
z.image.currentY = z.image.maxY - 1 + Math.pow((z.image.currentY - z.image.maxY + 1), 0.8);
}
// Velocity
if (!z.velocity.prevPositionX)
z.velocity.prevPositionX = z.image.touchesCurrent.x;
if (!z.velocity.prevPositionY)
z.velocity.prevPositionY = z.image.touchesCurrent.y;
if (!z.velocity.prevTime)
z.velocity.prevTime = Date.now();
z.velocity.x = (z.image.touchesCurrent.x - z.velocity.prevPositionX) / (Date.now() - z.velocity.prevTime) / 2;
z.velocity.y = (z.image.touchesCurrent.y - z.velocity.prevPositionY) / (Date.now() - z.velocity.prevTime) / 2;
if (Math.abs(z.image.touchesCurrent.x - z.velocity.prevPositionX) < 2)
z.velocity.x = 0;
if (Math.abs(z.image.touchesCurrent.y - z.velocity.prevPositionY) < 2)
z.velocity.y = 0;
z.velocity.prevPositionX = z.image.touchesCurrent.x;
z.velocity.prevPositionY = z.image.touchesCurrent.y;
z.velocity.prevTime = Date.now();
transform(z.gesture.imageWrap, 'translate3d(' + z.image.currentX + 'px, ' + z.image.currentY + 'px,0)');
}
/**
* @param {?} s
* @return {?}
*/
function onTouchEnd(s) {
var /** @type {?} */ z = s._zoom;
if (!z.gesture.image)
return;
if (!z.image.isTouched || !z.image.isMoved) {
z.image.isTouched = false;
z.image.isMoved = false;
return;
}
z.image.isTouched = false;
z.image.isMoved = false;
var /** @type {?} */ momentumDurationX = 300;
var /** @type {?} */ momentumDurationY = 300;
var /** @type {?} */ momentumDistanceX = z.velocity.x * momentumDurationX;
var /** @type {?} */ newPositionX = z.image.currentX + momentumDistanceX;
var /** @type {?} */ momentumDistanceY = z.velocity.y * momentumDurationY;
var /** @type {?} */ newPositionY = z.image.currentY + momentumDistanceY;
// Fix duration
if (z.velocity.x !== 0)
momentumDurationX = Math.abs((newPositionX - z.image.currentX) / z.velocity.x);
if (z.velocity.y !== 0)
momentumDurationY = Math.abs((newPositionY - z.image.currentY) / z.velocity.y);
var /** @type {?} */ momentumDuration = Math.max(momentumDurationX, momentumDurationY);
z.image.currentX = newPositionX;
z.image.currentY = newPositionY;
// Define if we need image drag
var /** @type {?} */ scaledWidth = z.image.width * z.scale;
var /** @type {?} */ scaledHeight = z.image.height * z.scale;
z.image.minX = Math.min((z.gesture.slideWidth / 2 - scaledWidth / 2), 0);
z.image.maxX = -z.image.minX;
z.image.minY = Math.min((z.gesture.slideHeight / 2 - scaledHeight / 2), 0);
z.image.maxY = -z.image.minY;
z.image.currentX = Math.max(Math.min(z.image.currentX, z.image.maxX), z.image.minX);
z.image.currentY = Math.max(Math.min(z.image.currentY, z.image.maxY), z.image.minY);
transition(z.gesture.imageWrap, momentumDuration);
transform(z.gesture.imageWrap, 'translate3d(' + z.image.currentX + 'px, ' + z.image.currentY + 'px,0)');
}
/**
* @param {?} s
* @return {?}
*/
function onTransitionEnd$1(s) {
var /** @type {?} */ z = s._zoom;
if (z.gesture.slide && s._previousIndex !== s._activeIndex) {
transform(z.gesture.image, 'translate3d(0,0,0) scale(1)');
transform(z.gesture.imageWrap, 'translate3d(0,0,0)');
z.gesture.slide = z.gesture.image = z.gesture.imageWrap = undefined;
z.scale = z.currentScale = 1;
}
}
/**
* @param {?} s
* @param {?} plt
* @return {?}
*/
function toggleZoom(s, plt) {
var /** @type {?} */ z = s._zoom;
var /** @type {?} */ ev = s.originalEvent;
if (!z.gesture.slide) {
z.gesture.slide = s.clickedSlide ? s.clickedSlide : s._slides[s._activeIndex];
z.gesture.image = (z.gesture.slide.querySelector('img, svg, canvas, ion-img'));
z.gesture.imageWrap = (z.gesture.image.closest('.' + CLS.zoomContainer));
}
if (!z.gesture.image)
return;
var /** @type {?} */ touchX;
var /** @type {?} */ touchY;
var /** @type {?} */ offsetX;
var /** @type {?} */ offsetY;
var /** @type {?} */ diffX;
var /** @type {?} */ diffY;
var /** @type {?} */ translateX;
var /** @type {?} */ translateY;
var /** @type {?} */ imageWidth;
var /** @type {?} */ imageHeight;
var /** @type {?} */ scaledWidth;
var /** @type {?} */ scaledHeight;
var /** @type {?} */ translateMinX;
var /** @type {?} */ translateMinY;
var /** @type {?} */ translateMaxX;
var /** @type {?} */ translateMaxY;
var /** @type {?} */ slideWidth;
var /** @type {?} */ slideHeight;
if (typeof z.image.touchesStart.x === 'undefined' && ev) {
touchX = ev.type === 'touchend' ? ev.changedTouches[0].pageX : ((ev)).pageX;
touchY = ev.type === 'touchend' ? ev.changedTouches[0].pageY : ((ev)).pageY;
}
else {
touchX = z.image.touchesStart.x;
touchY = z.image.touchesStart.y;
}
if (z.scale && z.scale !== 1) {
// Zoom Out
z.scale = z.currentScale = 1;
transition(z.gesture.imageWrap, 300);
transform(z.gesture.imageWrap, 'translate3d(0,0,0)');
transition(z.gesture.image, 300);
transform(z.gesture.image, 'translate3d(0,0,0) scale(1)');
z.gesture.slide = undefined;
}
else {
// Zoom In
z.scale = z.currentScale = parseInt(z.gesture.imageWrap.getAttribute('data-swiper-zoom') || (s.zoomMax), 10);
if (ev) {
slideWidth = z.gesture.slide.offsetWidth;
slideHeight = z.gesture.slide.offsetHeight;
var /** @type {?} */ slideOffsets = offset(z.gesture.slide, plt);
offsetX = slideOffsets.left;
offsetY = slideOffsets.top;
diffX = offsetX + slideWidth / 2 - touchX;
diffY = offsetY + slideHeight / 2 - touchY;
imageWidth = z.gesture.image.offsetWidth;
imageHeight = z.gesture.image.offsetHeight;
scaledWidth = imageWidth * z.scale;
scaledHeight = imageHeight * z.scale;
translateMinX = Math.min((slideWidth / 2 - scaledWidth / 2), 0);
translateMinY = Math.min((slideHeight / 2 - scaledHeight / 2), 0);
translateMaxX = -translateMinX;
translateMaxY = -translateMinY;
translateX = diffX * z.scale;
translateY = diffY * z.scale;
if (translateX < translateMinX) {
translateX = translateMinX;
}
if (translateX > translateMaxX) {
translateX = translateMaxX;
}
if (translateY < translateMinY) {
translateY = translateMinY;
}
if (translateY > translateMaxY) {
translateY = translateMaxY;
}
}
else {
translateX = 0;
translateY = 0;
}
transition(z.gesture.imageWrap, 300);
transform(z.gesture.imageWrap, 'translate3d(' + translateX + 'px, ' + translateY + 'px,0)');
transition(z.gesture.image, 300);
transform(z.gesture.image, 'translate3d(0,0,0) scale(' + z.scale + ')');
}
}
/**
* @param {?} s
* @param {?} plt
* @return {?}
*/
function resetZoomEvents(s, plt) {
detachZoomEvents(s);
var /** @type {?} */ unRegs = s._zoom.unRegs;
var /** @type {?} */ evtOpts = { passive: s._touchEvents.start === 'touchstart', zone: false };
var /** @type {?} */ slides = s._slides;
var /** @type {?} */ slide;
// Scale image
if (s._supportGestures) {
for (var /** @type {?} */ i = 0; i < slides.length; i++) {
slide = slides[i];
// gesturestart
plt.registerListener(slide, 'gesturestart', function (ev) {
onGestureStart(s, plt, ev);
}, evtOpts, unRegs);
// gesturechange
plt.registerListener(slide, 'gesturechange', function (ev) {
onGestureChange(s, plt, ev);
}, evtOpts, unRegs);
// gestureend
plt.registerListener(slide, 'gestureend', function (ev) {
onGestureEnd(s, plt, ev);
}, evtOpts, unRegs);
}
}
else if (s._touchEvents.start === 'touchstart') {
for (var /** @type {?} */ i = 0; i < slides.length; i++) {
slide = slides[i];
// touchstart
plt.registerListener(slide, s._touchEvents.start, function (ev) {
onGestureStart(s, plt, ev);
}, evtOpts, unRegs);
// touchmove
plt.registerListener(slide, s._touchEvents.move, function (ev) {
onGestureChange(s, plt, ev);
}, evtOpts, unRegs);
// touchend
plt.registerListener(slide, s._touchEvents.end, function (ev) {
onGestureEnd(s, plt, ev);
}, evtOpts, unRegs);
}
}
// Move image
var /** @type {?} */ touchStartSub = s.ionSlideTouchStart.subscribe(function (ev) {
onTouchStart(s, plt, ev);
});
unRegs.push(function () { touchStartSub.unsubscribe(); });
for (var /** @type {?} */ i = 0; i < slides.length; i++) {
slide = slides[i];
if (slide.querySelector('.' + CLS.zoomContainer)) {
plt.registerListener(slide, 's.touchEvents.move', function (ev) {
onTouchMove(s, plt, ev);
}, evtOpts, unRegs);
}
}
var /** @type {?} */ touchEndSub = s.ionSlideTouchEnd.subscribe(function () {
onTouchEnd(s);
});
unRegs.push(function () { touchEndSub.unsubscribe(); });
// Scale Out
var /** @type {?} */ transEndSub = s.ionSlideTouchEnd.subscribe(function () {
onTransitionEnd$1(s);
});
unRegs.push(function () { transEndSub.unsubscribe(); });
if (s.zoomToggle) {
var /** @type {?} */ doubleTapSub = s.ionSlideDoubleTap.subscribe(function () {
toggleZoom(s, plt);
});
unRegs.push(function () { doubleTapSub.unsubscribe(); });
}
}
/**
* @param {?} s
* @return {?}
*/
function detachZoomEvents(s) {
s._zoom.unRegs.forEach(function (unReg) {
unReg();
});
s._zoom.unRegs.length = 0;
}
/**
* Adopted from Swiper
* Most modern mobile touch slider and framework with hardware
* accelerated transitions.
*
* http://www.idangero.us/swiper/
*
* Copyright 2016, Vladimir Kharlampidi
* The iDangero.us
* http://www.idangero.us/
*
* Licensed under MIT
*/
/**
* @param {?} s
* @param {?} plt
* @return {?}
*/
function initSwiper(s, plt) {
// Classname
s._classNames = [];
/*=========================
Preparation - Define Container, Wrapper and Pagination
===========================*/
if (!s.container) {
return;
}
// Save instance in container HTML Element and in data
s.container.swiper = s;
var /** @type {?} */ containerModifierClass = CLS.containerModifier;
s._classNames.push(containerModifierClass + s.direction);
if (s.freeMode) {
s._classNames.push(containerModifierClass + 'free-mode');
}
if (s.autoHeight) {
s._classNames.push(containerModifierClass + 'autoheight');
}
// Enable slides progress when required
if (s.parallax || s.watchSlidesVisibility) {
s.watchSlidesProgress = true;
}
// Max resistance when touchReleaseOnEdges
if (s.touchReleaseOnEdges) {
s.resistanceRatio = 0;
}
var /** @type {?} */ effect = s.effect;
// Coverflow / 3D
if (['cube', 'coverflow', 'flip'].indexOf(effect) >= 0) {
s.watchSlidesProgress = true;
s._classNames.push(containerModifierClass + '3d');
}
if (effect !== 'slide') {
s._classNames.push(containerModifierClass + effect);
}
if (effect === 'cube') {
s.resistanceRatio = 0;
s.slidesPerView = 1;
s.slidesPerColumn = 1;
s.slidesPerGroup = 1;
s.centeredSlides = false;
s.spaceBetween = 0;
s.virtualTranslate = true;
s.setWrapperSize = false;
}
if (effect === 'fade' || effect === 'flip') {
s.slidesPerView = 1;
s.slidesPerColumn = 1;
s.slidesPerGroup = 1;
s.watchSlidesProgress = true;
s.spaceBetween = 0;
s.setWrapperSize = false;
s.virtualTranslate = true;
}
// Wrapper
s._wrapper = (s.container.querySelector('.' + CLS.wrapper));
// Pagination
if (s.paginationType) {
s._paginationContainer = (s.container.querySelector('.swiper-pagination'));
if (s.paginationType === 'bullets') {
s._paginationContainer.classList.add(CLS.paginationModifier + 'clickable');
}
s._paginationContainer.classList.add(CLS.paginationModifier + s.paginationType);
}
// Next/Prev Buttons
// if (s.nextButton || s.prevButton) {
// if (s.nextButton) {
// s.nextButton = <any>s.container.closest('ion-content').querySelector(s.nextButton);
// }
// if (s.prevButton) {
// s.prevButton = <any>s.container.closest('ion-content').querySelector(s.prevButton);
// }
// }
// RTL
s._rtl = isHorizontal(s) && (s.container.dir.toLowerCase() === 'rtl' || s.container.style.direction === 'rtl');
if (s._rtl) {
s._classNames.push(containerModifierClass + 'rtl');
}
// Columns
if (s.slidesPerColumn > 1) {
s._classNames.push(containerModifierClass + 'multirow');
}
// Check for Android
if (plt.is('android')) {
s._classNames.push(containerModifierClass + 'android');
}
// Add classes
s._classNames.forEach(function (clsName) {
s.container.classList.add(clsName);
});
// Translate
s._translate = 0;
// Progress
s.progress = 0;
// Velocity
s.velocity = 0;
/*=========================
Autoplay
===========================*/
s._autoplayTimeoutId = undefined;
s._autoplaying = false;
s._autoplayPaused = false;
s._allowClick = true;
// Animating Flag
s._animating = false;
// Touches information
s._touches = {
startX: 0,
startY: 0,
currentX: 0,
currentY: 0,
diff: 0
};
if (s.loop) {
createLoop(s);
}
updateContainerSize(s, plt);
updateSlidesSize(s, plt);
updatePagination(s);
if (effect !== 'slide' && SWIPER_EFFECTS[effect]) {
if (!s.loop) {
updateProgress(s);
}
SWIPER_EFFECTS[effect].setTranslate(s, plt);
}
if (s.loop) {
slideTo(s, plt, s.initialSlide + s.loopedSlides, 0, s.runCallbacksOnInit);
}
else {
slideTo(s, plt, s.initialSlide, 0, s.runCallbacksOnInit);
if (s.initialSlide === 0) {
parallaxSetTranslate(s);
}
}
if (s.autoplay) {
startAutoplay(s, plt);
}
}
/**
* @param {?} s
* @param {?} plt
* @return {?}
*/
function autoplay(s, plt) {
var /** @type {?} */ autoplayDelay = s.autoplay;
var /** @type {?} */ activeSlide = s._slides[s._activeIndex];
if (activeSlide.hasAttribute('data-swiper-autoplay')) {
autoplayDelay = ((activeSlide.getAttribute('data-swiper-autoplay') || s.autoplay));
}
s._autoplayTimeoutId = plt.timeout(function () {
s._zone.run(function () {
if (s.loop) {
fixLoop(s, plt);
slideNext(s, plt, true, undefined, true);
s.ionSlideAutoplay.emit(s);
}
else {
if (!s._isEnd) {
slideNext(s, plt, true, undefined, true);
s.ionSlideAutoplay.emit(s);
}
else {
if (!s.autoplayStopOnLast) {
slideTo(s, plt, 0);
s.ionSlideAutoplay.emit(s);
}
else {
stopAutoplay(s);
}
}
}
});
}, autoplayDelay);
}
/**
* @param {?} s
* @param {?} plt
* @return {?}
*/
function startAutoplay(s, plt) {
if (typeof s._autoplayTimeoutId !== 'undefined')
return false;
if (!s.autoplay || s._autoplaying) {
return false;
}
s._autoplaying = true;
s._zone.run(function () {
s.ionSlideAutoplayStart.emit(s);
});
autoplay(s, plt);
}
/**
* @param {?} s
* @return {?}
*/
function stopAutoplay(s) {
if (!s._autoplayTimeoutId)
return;
if (s._autoplayTimeoutId)
clearTimeout(s._autoplayTimeoutId);
s._autoplaying = false;
s._autoplayTimeoutId = undefined;
s._zone.run(function () {
s.ionSlideAutoplayStop.emit(s);
});
}
/**
* @param {?} s
* @param {?} plt
* @param {?=} speed
* @return {?}
*/
function pauseAutoplay(s, plt, speed) {
if (s._autoplayPaused)
return;
if (s._autoplayTimeoutId)
clearTimeout(s._autoplayTimeoutId);
s._autoplayPaused = true;
if (speed === 0) {
s._autoplayPaused = false;
autoplay(s, plt);
}
else {
plt.transitionEnd(s._wrapper, function () {
if (!s)
return;
s._autoplayPaused = false;
if (!s._autoplaying) {
stopAutoplay(s);
}
else {
autoplay(s, plt);
}
});
}
}
/**
* @param {?} s
* @return {?}
*/
function updateAutoHeight(s) {
var /** @type {?} */ activeSlides = [];
var /** @type {?} */ newHeight = 0;
var /** @type {?} */ i;
// Find slides currently in view
if (s.slidesPerView !== 'auto' && s.slidesPerView > 1) {
for (i = 0; i < Math.ceil(/** @type {?} */ (s.slidesPerView)); i++) {
var /** @type {?} */ index = s._activeIndex + i;
if (index > s._slides.length)
break;
activeSlides.push(s._slides[index]);
}
}
else {
activeSlides.push(s._slides[s._activeIndex]);
}
// Find new height from heighest slide in view
for (i = 0; i < activeSlides.length; i++) {
if (typeof activeSlides[i] !== 'undefined') {
var /** @type {?} */ height = activeSlides[i].offsetHeight;
newHeight = height > newHeight ? height : newHeight;
}
}
// Update Height
if (newHeight) {
s._wrapper.style.height = newHeight + 'px';
}
}
/**
* @param {?} s
* @param {?} plt
* @return {?}
*/
function updateContainerSize(s, plt) {
var /** @type {?} */ container = s.container;
var /** @type {?} */ width;
var /** @type {?} */ height;
if (typeof s.width !== 'undefined') {
// manually assign user width
width = s.width;
}
else {
width = container.clientWidth;
}
if (typeof s.renderedHeight !== 'undefined') {
// manually assign user height
height = s.renderedHeight;
}
else {
height = container.clientHeight;
}
if (width === 0 && isHorizontal(s) || height === 0 && !isHorizontal(s)) {
return;
}
// Subtract paddings
var /** @type {?} */ containerStyles = plt.getElementComputedStyle(container);
width = width - parseInt(containerStyles.paddingLeft, 10) - parseInt(containerStyles.paddingRight, 10);
height = height - parseInt(containerStyles.paddingTop, 10) - parseInt(containerStyles.paddingBottom, 10);
// Store values
s.renderedWidth = width;
s.renderedHeight = height;
s._renderedSize = isHorizontal(s) ? width : height;
}
/**
* @param {?} s
* @param {?} plt
* @return {?}
*/
function updateSlidesSize(s, plt) {
s._slides = ((s._wrapper.querySelectorAll('.' + CLS.slide)));
s._snapGrid = [];
s._slidesGrid = [];
s._slidesSizesGrid = [];
var /** @type {?} */ spaceBetween = s.spaceBetween;
var /** @type {?} */ slidePosition = -s.slidesOffsetBefore;
var /** @type {?} */ i;
var /** @type {?} */ prevSlideSize = 0;
var /** @type {?} */ index = 0;
if (typeof s._renderedSize === 'undefined')
return;
if (typeof spaceBetween === 'string' && spaceBetween.indexOf('%') >= 0) {
spaceBetween = parseFloat(spaceBetween.replace('%', '')) / 100 * s._renderedSize;
}
s._virtualSize = -spaceBetween;
// reset margins
if (s._rtl) {
inlineStyle(s._slides, { marginLeft: '', marginTop: '' });
}
else {
inlineStyle(s._slides, { marginRight: '', marginBottom: '' });
}
var /** @type {?} */ slidesNumberEvenToRows;
if (s.slidesPerColumn > 1) {
if (Math.floor(s._slides.length / s.slidesPerColumn) === s._slides.length / s.slidesPerColumn) {
slidesNumberEvenToRows = s._slides.length;
}
else {
slidesNumberEvenToRows = Math.ceil(s._slides.length / s.slidesPerColumn) * s.slidesPerColumn;
}
if (s.slidesPerView !== 'auto' && s.slidesPerColumnFill === 'row') {
slidesNumberEvenToRows = Math.max(slidesNumberEvenToRows, /** @type {?} */ (s.slidesPerView) * s.slidesPerColumn);
}
}
// Calc slides
var /** @type {?} */ slideSize;
var /** @type {?} */ slidesPerColumn = s.slidesPerColumn;
var /** @type {?} */ slidesPerRow = slidesNumberEvenToRows / slidesPerColumn;
var /** @type {?} */ numFullColumns = slidesPerRow - (s.slidesPerColumn * slidesPerRow - s._slides.length);
for (i = 0; i < s._slides.length; i++) {
slideSize = 0;
var /** @type {?} */ slide = s._slides[i];
if (s.slidesPerColumn > 1) {
// Set slides order
var /** @type {?} */ newSlideOrderIndex;
var /** @type {?} */ column;
var /** @type {?} */ row;
if (s.slidesPerColumnFill === 'column') {
column = Math.floor(i / slidesPerColumn);
row = i - column * slidesPerColumn;
if (column > numFullColumns || (column === numFullColumns && row === slidesPerColumn - 1)) {
if (++row >= slidesPerColumn) {
row = 0;
column++;
}
}
newSlideOrderIndex = column + row * slidesNumberEvenToRows / slidesPerColumn;
inlineStyle(slide, {
'-webkit-box-ordinal-group': newSlideOrderIndex,
'-moz-box-ordinal-group': newSlideOrderIndex,
'-ms-flex-order': newSlideOrderIndex,
'-webkit-order': newSlideOrderIndex,
'order': newSlideOrderIndex
});
}
else {
row = Math.floor(i / slidesPerRow);
column = i - row * slidesPerRow;
}
var /** @type {?} */ cssVal = (row !== 0 && s.spaceBetween) && (s.spaceBetween + 'px');
var /** @type {?} */ cssObj = {};
if (isHorizontal(s)) {
cssObj['marginTop'] = cssVal;
}
else {
cssObj['marginLeft'] = cssVal;
}
inlineStyle(slide, cssObj);
slide.setAttribute('data-swiper-column', /** @type {?} */ (column));
slide.setAttribute('data-swiper-row', /** @type {?} */ (row));
}
if (slide.style.display === 'none') {
continue;
}
if (s.slidesPerView === 'auto') {
var /** @type {?} */ styles = plt.getElementComputedStyle(slide);
if (isHorizontal(s)) {
slideSize = slide.offsetWidth + parseFloat(styles.marginRight) + parseFloat(styles.marginLeft);
}
else {
slideSize = slide.offsetHeight + parseFloat(styles.marginTop) + parseFloat(styles.marginBottom);
}
if (s.roundLengths)
slideSize = round(slideSize);
}
else {
slideSize = (s._renderedSize - ((s.slidesPerView) - 1) * spaceBetween) / (s.slidesPerView);
if (s.roundLengths)
slideSize = round(slideSize);
if (isHorizontal(s)) {
s._slides[i].style.width = slideSize + 'px';
}
else {
s._slides[i].style.height = slideSize + 'px';
}
}
s._slides[i].swiperSlideSize = slideSize;
s._slidesSizesGrid.push(slideSize);
if (s.centeredSlides) {
slidePosition = slidePosition + slideSize / 2 + prevSlideSize / 2 + spaceBetween;
if (i === 0)
slidePosition = slidePosition - s._renderedSize / 2 - spaceBetween;
if (Math.abs(slidePosition) < 1 / 1000)
slidePosition = 0;
if ((index) % s.slidesPerGroup === 0)
s._snapGrid.push(slidePosition);
s._slidesGrid.push(slidePosition);
}
else {
if ((index) % s.slidesPerGroup === 0)
s._snapGrid.push(slidePosition);
s._slidesGrid.push(slidePosition);
slidePosition = slidePosition + slideSize + spaceBetween;
}
s._virtualSize += slideSize + spaceBetween;
prevSlideSize = slideSize;
index++;
}
s._virtualSize = Math.max(s._virtualSize, s._renderedSize) + s.slidesOffsetAfter;
var /** @type {?} */ newSlidesGrid;
if (s._rtl && (s.effect === 'slide' || s.effect === 'coverflow')) {
inlineStyle(s._wrapper, { width: s._virtualSize + s.spaceBetween + 'px' });
}
if (s.setWrapperSize) {
if (isHorizontal(s)) {
inlineStyle(s._wrapper, { width: s._virtualSize + s.spaceBetween + 'px' });
}
else {
inlineStyle(s._wrapper, { height: s._virtualSize + s.spaceBetween + 'px' });
}
}
if (s.slidesPerColumn > 1) {
s._virtualSize = (slideSize + s.spaceBetween) * slidesNumberEvenToRows;
s._virtualSize = Math.ceil(s._virtualSize / s.slidesPerColumn) - s.spaceBetween;
if (isHorizontal(s)) {
inlineStyle(s._wrapper, { width: s._virtualSize + s.spaceBetween + 'px' });
}
else {
inlineStyle(s._wrapper, { height: s._virtualSize + s.spaceBetween + 'px' });
}
if (s.centeredSlides) {
newSlidesGrid = [];
for (i = 0; i < s._snapGrid.length; i++) {
if (s._snapGrid[i] < s._virtualSize + s._snapGrid[0])
newSlidesGrid.push(s._snapGrid[i]);
}
s._snapGrid = newSlidesGrid;
}
}
// Remove last grid elements depending on width
if (!s.centeredSlides) {
newSlidesGrid = [];
for (i = 0; i < s._snapGrid.length; i++) {
if (s._snapGrid[i] <= s._virtualSize - s._renderedSize) {
newSlidesGrid.push(s._snapGrid[i]);
}
}
s._snapGrid = newSlidesGrid;
if (Math.floor(s._virtualSize - s._renderedSize) - Math.floor(s._snapGrid[s._snapGrid.length - 1]) > 1) {
s._snapGrid.push(s._virtualSize - s._renderedSize);
}
}
if (s._snapGrid.length === 0)
s._snapGrid = [0];
if (s.spaceBetween !== 0) {
if (isHorizontal(s)) {
if (s._rtl) {
inlineStyle(s._slides, { marginLeft: spaceBetween + 'px' });
}
else {
inlineStyle(s._slides, { marginRight: spaceBetween + 'px' });
}
}
else {
inlineStyle(s._slides, { marginBottom: spaceBetween + 'px' });
}
}
if (s.watchSlidesProgress) {
updateSlidesOffset(s);
}
}
/**
* @param {?} s
* @return {?}
*/
function currentSlidesPerView(s) {
var /** @type {?} */ spv = 1;
var /** @type {?} */ i;
var /** @type {?} */ j;
if (s.centeredSlides) {
var /** @type {?} */ size = s._slides[s._activeIndex].swiperSlideSize;
var /** @type {?} */ breakLoop;
for (i = s._activeIndex + 1; i < s._slides.length; i++) {
if (s._slides[i] && !breakLoop) {
size += s._slides[i].swiperSlideSize;
spv++;
if (size > s._renderedSize)
breakLoop = true;
}
}
for (j = s._activeIndex - 1; j >= 0; j--) {
if (s._slides[j] && !breakLoop) {
size += s._slides[j].swiperSlideSize;
spv++;
if (size > s._renderedSize)
breakLoop = true;
}
}
}
else {
for (i = s._activeIndex + 1; i < s._slides.length; i++) {
if (s._slidesGrid[i] - s._slidesGrid[s._activeIndex] < s._renderedSize) {
spv++;
}
}
}
return spv;
}
/**
* @param {?} s
* @param {?} plt
* @param {?=} updateTranslate
* @return {?}
*/
function update(s, plt, updateTranslate) {
if (!s)
return;
updateContainerSize(s, plt);
updateSlidesSize(s, plt);
updateProgress(s);
updatePagination(s);
updateClasses(s);
if (s.zoom) {
resetZoomEvents(s, plt);
}
var /** @type {?} */ translated;
var /** @type {?} */ newTranslate;
/**
* @return {?}
*/
function forceSetTranslate() {
newTranslate = Math.min(Math.max(s._translate, maxTranslate(s)), minTranslate(s));
setWrapperTranslate(s, plt, newTranslate);
updateActiveIndex(s);
updateClasses(s);
}
if (updateTranslate) {
if (s._spline) {
s._spline = undefined;
}
if (s.freeMode) {
forceSetTranslate();
if (s.autoHeight) {
updateAutoHeight(s);
}
}
else {
if ((s.slidesPerView === 'auto' || s.slidesPerView > 1) && s._isEnd && !s.centeredSlides) {
translated = slideTo(s, plt, s._slides.length - 1, 0, false, true);
}
else {
translated = slideTo(s, plt, s._activeIndex, 0, false, true);
}
if (!translated) {
forceSetTranslate();
}
}
}
else if (s.autoHeight) {
updateAutoHeight(s);
}
}
/**
* @param {?} s
* @return {?}
*/
function createLoop(s) {
// Remove duplicated slides
eachChild(s._wrapper, '.' + CLS.slide + '.' + CLS.slideDuplicate, function (ele) {
ele.parentElement.removeChild(ele);
});
var /** @type {?} */ slides = (s._wrapper.querySelectorAll('.' + CLS.slide));
if (s.slidesPerView === 'auto' && !s.loopedSlides) {
s.loopedSlides = slides.length;
}
s.loopedSlides = parseInt(/** @type {?} */ ((s.loopedSlides || s.slidesPerView)), 10);
s.loopedSlides = s.loopedSlides + s.loopAdditionalSlides;
if (s.loopedSlides > slides.length) {
s.loopedSlides = slides.length;
}
var /** @type {?} */ prependSlides = [];
var /** @type {?} */ appendSlides = [];
for (var /** @type {?} */ i = 0; i < slides.length; i++) {
var /** @type {?} */ slide = slides[i];
if (i < s.loopedSlides)
appendSlides.push(slide);
if (i < slides.length && i >= slides.length - s.loopedSlides)
prependSlides.push(slide);
slide.setAttribute('data-swiper-slide-index', /** @type {?} */ (i));
}
for (i = 0; i < appendSlides.length; i++) {
var /** @type {?} */ appendClone = appendSlides[i].cloneNode(true);
addClass(appendClone, CLS.slideDuplicate);
s._wrapper.appendChild(appendClone);
}
for (i = prependSlides.length - 1; i >= 0; i--) {
var /** @type {?} */ prependClone = prependSlides[i].cloneNode(true);
addClass(prependClone, CLS.slideDuplicate);
s._wrapper.insertBefore(prependClone, s._wrapper.firstElementChild);
}
}
/**
* @param {?} s
* @return {?}
*/
function destroyLoop(s) {
eachChild(s._wrapper, '.' + CLS.slide + '.' + CLS.slideDuplicate, function (ele) {
ele.parentElement.removeChild(ele);
});
for (var /** @type {?} */ i = 0; i < s._slides.length; i++) {
s._slides[i].removeAttribute('data-swiper-slide-index');
}
}
/**
* @param {?} s
* @param {?} plt
* @return {?}
*/
function fixLoop(s, plt) {
var /** @type {?} */ newIndex;
if (s._activeIndex < s.loopedSlides) {
// Fix For Negative Oversliding
newIndex = s._slides.length - s.loopedSlides * 3 + s._activeIndex;
newIndex = newIndex + s.loopedSlides;
slideTo(s, plt, newIndex, 0, false, true);
}
else if ((s.slidesPerView === 'auto' && s._activeIndex >= s.loopedSlides * 2) || (s._activeIndex > s._slides.length - (s.slidesPerView) * 2)) {
// Fix For Positive Oversliding
newIndex = -s._slides.length + s._activeIndex + s.loopedSlides;
newIndex = newIndex + s.loopedSlides;
slideTo(s, plt, newIndex, 0, false, true);
}
}
/**
* @param {?} s
* @param {?} plt
* @param {?=} slideIndex
* @param {?=} speed
* @param {?=} runCallbacks
* @param {?=} internal
* @return {?}
*/
function slideTo(s, plt, slideIndex, speed, runCallbacks, internal) {
if (runCallbacks === void 0) { runCallbacks = true; }
if (typeof slideIndex === 'undefined')
slideIndex = 0;
if (slideIndex < 0)
slideIndex = 0;
s._snapIndex = Math.floor(slideIndex / s.slidesPerGroup);
if (s._snapIndex >= s._snapGrid.length)
s._snapIndex = s._snapGrid.length - 1;
var /** @type {?} */ translate = -s._snapGrid[s._snapIndex];
// Stop autoplay
if (s.autoplay && s._autoplaying) {
if (internal || !s.autoplayDisableOnInteraction) {
pauseAutoplay(s, plt, speed);
}
else {
stopAutoplay(s);
}
}
// Update progress
updateProgress(s, translate);
// Directions locks
if (!s._allowSwipeToNext && translate < s._translate && translate < minTranslate(s)) {
return false;
}
if (!s._allowSwipeToPrev && translate > s._translate && translate > maxTranslate(s)) {
if ((s._activeIndex || 0) !== slideIndex)
return false;
}
// Update Index
if (typeof speed === 'undefined')
speed = s.speed;
s._previousIndex = s._activeIndex || 0;
s._activeIndex = slideIndex;
updateRealIndex(s);
if ((s._rtl && -translate === s._translate) || (!s._rtl && translate === s._translate)) {
// Update Height
if (s.autoHeight) {
updateAutoHeight(s);
}
updateClasses(s);
if (s.effect !== 'slide') {
setWrapperTranslate(s, plt, translate);
}
return false;
}
updateClasses(s);
onTransitionStart(s, runCallbacks);
if (speed === 0) {
setWrapperTranslate(s, plt, translate);
setWrapperTransition(s, plt, 0);
onTransitionEnd(s, plt, runCallbacks);
}
else {
setWrapperTranslate(s, plt, translate);
setWrapperTransition(s, plt, speed);
if (!s._animating) {
s._animating = true;
plt.transitionEnd(s._wrapper, function () {
if (!s)
return;
onTransitionEnd(s, plt, runCallbacks);
});
}
}
return true;
}
/**
* @param {?} s
* @param {?=} runCallbacks
* @return {?}
*/
function onTransitionStart(s, runCallbacks) {
if (runCallbacks === void 0) { runCallbacks = true; }
if (s.autoHeight) {
updateAutoHeight(s);
}
if (runCallbacks) {
s._zone.run(function () {
s.ionSlideTransitionStart.emit(s);
if (s._activeIndex !== s._previousIndex) {
s.ionSlideWillChange.emit(s);
if (s._activeIndex > s._previousIndex) {
s.ionSlideNextStart.emit(s);
}
else {
s.ionSlidePrevStart.emit(s);
}
}
});
}
}
/**
* @param {?} s
* @param {?} plt
* @param {?=} runCallbacks
* @return {?}
*/
function onTransitionEnd(s, plt, runCallbacks) {
if (runCallbacks === void 0) { runCallbacks = true; }
s._animating = false;
setWrapperTransition(s, plt, 0);
if (runCallbacks) {
s._zone.run(function () {
s.ionSlideTransitionEnd.emit(s);
if (s._activeIndex !== s._previousIndex) {
s.ionSlideDidChange.emit(s);
if (s._activeIndex > s._previousIndex) {
s.ionSlideNextEnd.emit(s);
}
else {
s.ionSlidePrevEnd.emit(s);
}
}
});
}
}
/**
* @param {?} s
* @param {?} plt
* @param {?=} runCallbacks
* @param {?=} speed
* @param {?=} internal
* @return {?}
*/
function slideNext(s, plt, runCallbacks, speed, internal) {
if (s.loop) {
if (s._animating)
return false;
fixLoop(s, plt);
s.container.clientLeft;
return slideTo(s, plt, s._activeIndex + s.slidesPerGroup, speed, runCallbacks, internal);
}
var /** @type {?} */ nextSlide = s._activeIndex + s.slidesPerGroup;
if (nextSlide < s._slides.length) {
return slideTo(s, plt, nextSlide, speed, runCallbacks, internal);
}
return false;
}
/**
* @param {?} s
* @param {?} plt
* @param {?=} runCallbacks
* @param {?=} speed
* @param {?=} internal
* @return {?}
*/
function slidePrev(s, plt, runCallbacks, speed, internal) {
if (s.loop) {
if (s._animating)
return false;
fixLoop(s, plt);
s.container.clientLeft;
return slideTo(s, plt, s._activeIndex - 1, speed, runCallbacks, internal);
}
var /** @type {?} */ previousSlide = s._activeIndex - 1;
if (previousSlide >= 0) {
return slideTo(s, plt, s._activeIndex - 1, speed, runCallbacks, internal);
}
return false;
}
/**
* @param {?} s
* @param {?} plt
* @param {?=} runCallbacks
* @param {?=} speed
* @param {?=} internal
* @return {?}
*/
function slideReset(s, plt, runCallbacks, speed, internal) {
return slideTo(s, plt, s._activeIndex, speed, runCallbacks, true);
}
/**
* @param {?} s
* @return {?}
*/
/**
* @param {?} s
* @return {?}
*/
/**
* @param {?} s
* @return {?}
*/
function cleanupStyles(s) {
// Container
removeClass(s.container, s._classNames);
s.container.removeAttribute('style');
// Wrapper
s._wrapper.removeAttribute('style');
// Slides
if (s._slides && s._slides.length) {
removeClass(s._slides, [
CLS.slideVisible,
CLS.slideActive,
CLS.slideNext,
CLS.slidePrev
]);
for (var /** @type {?} */ i = 0; i < s._slides.length; i++) {
var /** @type {?} */ slide = s._slides[i];
slide.removeAttribute('style');
slide.removeAttribute('data-swiper-column');
slide.removeAttribute('data-swiper-row');
}
}
// Pagination/Bullets
removeClass(s._bullets, CLS.bulletActive);
// Buttons
removeClass(s.prevButton, CLS.buttonDisabled);
removeClass(s.nextButton, CLS.buttonDisabled);
}
/**
* @param {?} s
* @return {?}
*/
function destroySwiper(s) {
// Stop autoplay
stopAutoplay(s);
// Destroy loop
if (s.loop) {
destroyLoop(s);
}
// Cleanup styles
cleanupStyles(s);
}
/**
* @param {?} s
* @param {?} plt
* @param {?} e
* @return {?}
*/
function handleKeyboard(s, plt, e) {
var /** @type {?} */ win = plt.win();
var /** @type {?} */ kc = e.keyCode || e.charCode;
// Directions locks
if (!s._allowSwipeToNext && (isHorizontal(s) && kc === 39 || !isHorizontal(s) && kc === 40)) {
return false;
}
if (!s._allowSwipeToPrev && (isHorizontal(s) && kc === 37 || !isHorizontal(s) && kc === 38)) {
return false;
}
if (e.shiftKey || e.altKey || e.ctrlKey || e.metaKey) {
return;
}
var /** @type {?} */ activeEle = plt.getActiveElement();
if (activeEle && activeEle.nodeName && (activeEle.nodeName.toLowerCase() === 'input' || activeEle.nodeName.toLowerCase() === 'textarea')) {
return;
}
if (kc === 37 || kc === 39 || kc === 38 || kc === 40) {
var /** @type {?} */ inView = false;
// Check that swiper should be inside of visible area of window
if (s.container.closest('.' + CLS.slide) && !s.container.closest('.' + CLS.slideActive)) {
return;
}
var /** @type {?} */ windowScroll = {
left: win.pageXOffset,
top: win.pageYOffset
};
var /** @type {?} */ windowWidth = plt.width();
var /** @type {?} */ windowHeight = plt.height();
var /** @type {?} */ swiperOffset = offset(s.container, plt);
if (s._rtl) {
swiperOffset.left = swiperOffset.left - s.container.scrollLeft;
}
var /** @type {?} */ swiperCoord = [
[swiperOffset.left, swiperOffset.top],
[swiperOffset.left + s.renderedWidth, swiperOffset.top],
[swiperOffset.left, swiperOffset.top + s.renderedHeight],
[swiperOffset.left + s.renderedWidth, swiperOffset.top + s.renderedHeight]
];
for (var /** @type {?} */ i = 0; i < swiperCoord.length; i++) {
var /** @type {?} */ point = swiperCoord[i];
if (point[0] >= windowScroll.left && point[0] <= windowScroll.left + windowWidth &&
point[1] >= windowScroll.top && point[1] <= windowScroll.top + windowHeight) {
inView = true;
}
}
if (!inView)
return;
}
if (isHorizontal(s)) {
if (kc === 37 || kc === 39) {
if (e.preventDefault) {
e.preventDefault();
}
else {
e.returnValue = false;
}
}
if ((kc === 39 && !s._rtl) || (kc === 37 && s._rtl)) {
slideNext(s, plt);
}
if ((kc === 37 && !s._rtl) || (kc === 39 && s._rtl)) {
slidePrev(s, plt);
}
}
else {
if (kc === 38 || kc === 40) {
if (e.preventDefault) {
e.preventDefault();
}
else {
e.returnValue = false;
}
}
if (kc === 40) {
slideNext(s, plt);
}
if (kc === 38) {
slidePrev(s, plt);
}
}
}
/**
* @param {?} s
* @param {?} plt
* @param {?} shouldEnable
* @return {?}
*/
function enableKeyboardControl(s, plt, shouldEnable) {
if (shouldEnable && !s._keyboardUnReg) {
s._keyboardUnReg = plt.registerListener(plt.doc(), 'keydown', function (ev) {
handleKeyboard(s, plt, ev);
}, { zone: false });
}
else if (!shouldEnable && s._keyboardUnReg) {
s._keyboardUnReg();
}
}
/**
* @param {?} s
* @param {?} plt
* @return {?}
*/
function initEvents(s, plt) {
var /** @type {?} */ win = plt.win();
var /** @type {?} */ doc = plt.doc();
s._supportTouch = (function () {
return !!(('ontouchstart' in win) || win.DocumentTouch && doc instanceof win.DocumentTouch);
})();
// Define Touch Events
s._touchEventsDesktop = { start: 'mousedown', move: 'mousemove', end: 'mouseup' };
if (win.navigator.pointerEnabled) {
s._touchEventsDesktop = { start: 'pointerdown', move: 'pointermove', end: 'pointerup' };
}
else if (win.navigator.msPointerEnabled) {
s._touchEventsDesktop = { start: 'MSPointerDown', move: 'MSPointerMove', end: 'MSPointerUp' };
}
s._touchEvents = {
start: s._supportTouch || !s.simulateTouch ? 'touchstart' : s._touchEventsDesktop.start,
move: s._supportTouch || !s.simulateTouch ? 'touchmove' : s._touchEventsDesktop.move,
end: s._supportTouch || !s.simulateTouch ? 'touchend' : s._touchEventsDesktop.end
};
// WP8 Touch Events Fix
if (win.navigator.pointerEnabled || win.navigator.msPointerEnabled) {
(s.touchEventsTarget === 'container' ? s.container : s._wrapper).classList.add('swiper-wp8-' + s.direction);
}
var /** @type {?} */ unregs = [];
var /** @type {?} */ touchEventsTarget = s.touchEventsTarget === 'container' ? s.container : s._wrapper;
// Touch Events
if (s._supportTouch) {
// touchstart
plt.registerListener(touchEventsTarget, s._touchEvents.start, function (ev) {
onTouchStart$1(s, plt, ev);
}, { passive: true, zone: false }, unregs);
// touchmove
plt.registerListener(touchEventsTarget, s._touchEvents.move, function (ev) {
onTouchMove$1(s, plt, ev);
}, { zone: false }, unregs);
// touchend
plt.registerListener(touchEventsTarget, s._touchEvents.end, function (ev) {
onTouchEnd$1(s, plt, ev);
}, { passive: true, zone: false }, unregs);
}
if ((s.simulateTouch && !plt.is('ios') && !plt.is('android')) || (s.simulateTouch && !s._supportTouch && plt.is('ios')) || plt.getQueryParam('ionicPlatform')) {
// mousedown
plt.registerListener(touchEventsTarget, 'mousedown', function (ev) {
onTouchStart$1(s, plt, ev);
}, { zone: false }, unregs);
// mousemove
plt.registerListener(plt.doc(), 'mousemove', function (ev) {
onTouchMove$1(s, plt, ev);
}, { zone: false }, unregs);
// mouseup
plt.registerListener(plt.doc(), 'mouseup', function (ev) {
onTouchEnd$1(s, plt, ev);
}, { zone: false }, unregs);
}
// onresize
var /** @type {?} */ resizeObs = plt.resize.subscribe(function () { return onResize(s, plt, false); });
// Next, Prev, Index
if (s.nextButton) {
plt.registerListener(s.nextButton, 'click', function (ev) {
onClickNext(s, plt, ev);
}, { zone: false }, unregs);
}
if (s.prevButton) {
plt.registerListener(s.prevButton, 'click', function (ev) {
onClickPrev(s, plt, ev);
}, { zone: false }, unregs);
}
if (s.paginationType) {
plt.registerListener(s._paginationContainer, 'click', function (ev) {
onClickIndex(s, plt, ev);
}, { zone: false }, unregs);
}
// Prevent Links Clicks
if (s.preventClicks || s.preventClicksPropagation) {
plt.registerListener(touchEventsTarget, 'click', function (ev) {
preventClicks(s, ev);
}, { zone: false, capture: true }, unregs);
}
// return a function that removes all of the added listeners
return function () {
resizeObs.unsubscribe();
unregs.forEach(function (unreg) {
unreg();
});
unregs = null;
};
}
/**
* @param {?} s
* @param {?} e
* @return {?}
*/
function preventClicks(s, e) {
if (!s._allowClick) {
if (s.preventClicks) {
e.preventDefault();
}
if (s.preventClicksPropagation && s._animating) {
e.stopPropagation();
e.stopImmediatePropagation();
}
}
}
/**
* @param {?} s
* @param {?} plt
* @param {?} e
* @return {?}
*/
function onClickNext(s, plt, e) {
e.preventDefault();
if (s._isEnd && !s.loop) {
return;
}
slideNext(s, plt);
}
/**
* @param {?} s
* @param {?} plt
* @param {?} e
* @return {?}
*/
function onClickPrev(s, plt, e) {
e.preventDefault();
if (s._isBeginning && !s.loop) {
return;
}
slidePrev(s, plt);
}
/**
* @param {?} s
* @param {?} plt
* @param {?} e
* @return {?}
*/
function onClickIndex(s, plt, e) {
var /** @type {?} */ indexStr = ((e.target)).getAttribute('data-slide-index');
if (indexStr) {
var /** @type {?} */ index = parseInt(indexStr, 10);
e.preventDefault();
if (s.loop) {
index = index + s.loopedSlides;
}
slideTo(s, plt, index);
}
}
/**
* @param {?} e
* @param {?} selector
* @return {?}
*/
function findElementInEvent(e, selector) {
var /** @type {?} */ el = (e.target);
if (!el.matches(selector)) {
if (typeof selector === 'string') {
el = (el.closest(selector));
}
else if (selector.nodeType) {
var /** @type {?} */ parentEl = el.parentElement;
while (parentEl) {
if (parentEl === selector) {
return selector;
}
}
return undefined;
}
}
return el;
}
/**
* @param {?} s
* @param {?} plt
* @param {?} e
* @return {?}
*/
function updateClickedSlide(s, plt, e) {
var /** @type {?} */ slide = (findElementInEvent(e, '.' + CLS.slide));
var /** @type {?} */ slideIndex = -1;
if (slide) {
for (var /** @type {?} */ i = 0; i < s._slides.length; i++) {
if (s._slides[i] === slide) {
slideIndex = i;
break;
}
}
}
if (slide && slideIndex > -1) {
s.clickedSlide = slide;
s.clickedIndex = slideIndex;
}
else {
s.clickedSlide = undefined;
s.clickedIndex = undefined;
return;
}
if (s.slideToClickedSlide && s.clickedIndex !== undefined && s.clickedIndex !== s._activeIndex) {
var /** @type {?} */ slideToIndex = s.clickedIndex;
var /** @type {?} */ realIndex;
var /** @type {?} */ slidesPerView = s.slidesPerView === 'auto' ? currentSlidesPerView(s) : (s.slidesPerView);
if (s.loop) {
if (s._animating)
return;
realIndex = parseInt(s.clickedSlide.getAttribute('data-swiper-slide-index'), 10);
if (s.centeredSlides) {
if ((slideToIndex < s.loopedSlides - slidesPerView / 2) || (slideToIndex > s._slides.length - s.loopedSlides + slidesPerView / 2)) {
fixLoop(s, plt);
slideToIndex = getElementIndex(s._wrapper.querySelector('.' + CLS.slide + '[data-swiper-slide-index="' + realIndex + '"]:not(.' + CLS.slideDuplicate + ')'));
plt.timeout(function () {
slideTo(s, plt, slideToIndex);
});
}
else {
slideTo(s, plt, slideToIndex);
}
}
else {
if (slideToIndex > s._slides.length - slidesPerView) {
fixLoop(s, plt);
slideToIndex = getElementIndex(s._wrapper.querySelector('.' + CLS.slide + '[data-swiper-slide-index="' + realIndex + '"]:not(.' + CLS.slideDuplicate + ')'));
plt.timeout(function () {
slideTo(s, plt, slideToIndex);
});
}
else {
slideTo(s, plt, slideToIndex);
}
}
}
else {
slideTo(s, plt, slideToIndex);
}
}
}
var isTouched;
var isMoved;
var allowTouchCallbacks;
var touchStartTime;
var isScrolling;
var currentTranslate;
var startTranslate;
var allowThresholdMove;
// Last click time
var lastClickTime = Date.now();
var clickTimeout;
// Velocities
var velocities = [];
var allowMomentumBounce;
// Touch handlers
var isTouchEvent;
var startMoving;
/**
* @param {?} s
* @param {?} plt
* @param {?} ev
* @return {?}
*/
function onTouchStart$1(s, plt, ev) {
(void 0) /* console.debug */;
if (ev.originalEvent) {
ev = ev.originalEvent;
}
s.originalEvent = ev;
isTouchEvent = ev.type === 'touchstart';
if (!isTouchEvent && 'which' in ev && ev.which === 3) {
return;
}
if (s.noSwiping && findElementInEvent(ev, '.' + CLS.noSwiping)) {
s._allowClick = true;
return;
}
if (s.swipeHandler) {
if (!findElementInEvent(ev, s.swipeHandler))
return;
}
var /** @type {?} */ startX = s._touches.currentX = ev.type === 'touchstart' ? ev.targetTouches[0].pageX : ev.pageX;
var /** @type {?} */ startY = s._touches.currentY = ev.type === 'touchstart' ? ev.targetTouches[0].pageY : ev.pageY;
// Do NOT start if iOS edge swipe is detected. Otherwise iOS app (UIWebView) cannot swipe-to-go-back anymore
if (plt.is('ios') && s.iOSEdgeSwipeDetection && startX <= s.iOSEdgeSwipeThreshold) {
return;
}
isTouched = true;
isMoved = false;
allowTouchCallbacks = true;
isScrolling = undefined;
startMoving = undefined;
s._touches.startX = startX;
s._touches.startY = startY;
touchStartTime = Date.now();
s._allowClick = true;
updateContainerSize(s, plt);
s.swipeDirection = undefined;
if (s.threshold > 0) {
allowThresholdMove = false;
}
if (ev.type !== 'touchstart') {
var /** @type {?} */ preventDefault = true;
if (isFormElement(ev.target)) {
preventDefault = false;
}
plt.focusOutActiveElement();
if (preventDefault) {
ev.preventDefault();
}
}
s.ionSlideTouchStart.emit(ev);
}
/**
* @param {?} s
* @param {?} plt
* @param {?} ev
* @return {?}
*/
function onTouchMove$1(s, plt, ev) {
(void 0) /* console.debug */;
if (ev.originalEvent) {
ev = ev.originalEvent;
}
s.originalEvent = ev;
if (isTouchEvent && ev.type === 'mousemove')
return;
if (ev.preventedByNestedSwiper) {
s._touches.startX = ev.type === 'touchmove' ? ev.targetTouches[0].pageX : ev.pageX;
s._touches.startY = ev.type === 'touchmove' ? ev.targetTouches[0].pageY : ev.pageY;
return;
}
if (s.onlyExternal) {
// isMoved = true;
s._allowClick = false;
if (isTouched) {
s._touches.startX = s._touches.currentX = ev.type === 'touchmove' ? ev.targetTouches[0].pageX : ev.pageX;
s._touches.startY = s._touches.currentY = ev.type === 'touchmove' ? ev.targetTouches[0].pageY : ev.pageY;
touchStartTime = Date.now();
}
return;
}
if (isTouchEvent && s.touchReleaseOnEdges && !s.loop) {
if (!isHorizontal(s)) {
// Vertical
if ((s._touches.currentY < s._touches.startY && s._translate <= maxTranslate(s)) ||
(s._touches.currentY > s._touches.startY && s._translate >= minTranslate(s))) {
return;
}
}
else {
if ((s._touches.currentX < s._touches.startX && s._translate <= maxTranslate(s)) ||
(s._touches.currentX > s._touches.startX && s._translate >= minTranslate(s))) {
return;
}
}
}
var /** @type {?} */ activeEle = plt.getActiveElement();
if (isTouchEvent && activeEle) {
if (ev.target === activeEle && isFormElement(ev.target)) {
isMoved = true;
s._allowClick = false;
return;
}
}
if (ev.targetTouches && ev.targetTouches.length > 1)
return;
s._touches.currentX = ev.type === 'touchmove' ? ev.targetTouches[0].pageX : ev.pageX;
s._touches.currentY = ev.type === 'touchmove' ? ev.targetTouches[0].pageY : ev.pageY;
if (typeof isScrolling === 'undefined') {
var /** @type {?} */ touchAngle;
if (isHorizontal(s) && s._touches.currentY === s._touches.startY || !isHorizontal(s) && s._touches.currentX === s._touches.startX) {
isScrolling = false;
}
else {
touchAngle = Math.atan2(Math.abs(s._touches.currentY - s._touches.startY), Math.abs(s._touches.currentX - s._touches.startX)) * 180 / Math.PI;
isScrolling = isHorizontal(s) ? touchAngle > s.touchAngle : (90 - touchAngle > s.touchAngle);
}
}
if (!isTouched)
return;
if (isScrolling) {
isTouched = false;
return;
}
s._allowClick = false;
s.ionSlideDrag.emit(s);
ev.preventDefault();
if (s.touchMoveStopPropagation) {
ev.stopPropagation();
}
if (!isMoved) {
if (s.loop) {
fixLoop(s, plt);
}
startTranslate = getWrapperTranslate(s, plt);
setWrapperTransition(s, plt, 0);
if (s._animating) {
triggerTransitionEnd(plt, s._wrapper);
}
if (s.autoplay && s._autoplaying) {
if (s.autoplayDisableOnInteraction) {
stopAutoplay(s);
}
else {
pauseAutoplay(s, plt);
}
}
allowMomentumBounce = false;
}
isMoved = true;
var /** @type {?} */ diff = s._touches.diff = isHorizontal(s) ? s._touches.currentX - s._touches.startX : s._touches.currentY - s._touches.startY;
diff = diff * s.touchRatio;
if (s._rtl)
diff = -diff;
s.swipeDirection = diff > 0 ? 'prev' : 'next';
currentTranslate = diff + startTranslate;
var /** @type {?} */ disableParentSwiper = true;
if ((diff > 0 && currentTranslate > minTranslate(s))) {
disableParentSwiper = false;
if (s.resistance) {
currentTranslate = minTranslate(s) - 1 + Math.pow(-minTranslate(s) + startTranslate + diff, s.resistanceRatio);
}
}
else if (diff < 0 && currentTranslate < maxTranslate(s)) {
disableParentSwiper = false;
if (s.resistance)
currentTranslate = maxTranslate(s) + 1 - Math.pow(maxTranslate(s) - startTranslate - diff, s.resistanceRatio);
}
if (disableParentSwiper) {
ev.preventedByNestedSwiper = true;
}
// Directions locks
if (!s._allowSwipeToNext && s.swipeDirection === 'next' && currentTranslate < startTranslate) {
currentTranslate = startTranslate;
}
if (!s._allowSwipeToPrev && s.swipeDirection === 'prev' && currentTranslate > startTranslate) {
currentTranslate = startTranslate;
}
// Threshold
if (s.threshold > 0) {
if (Math.abs(diff) > s.threshold || allowThresholdMove) {
if (!allowThresholdMove) {
allowThresholdMove = true;
s._touches.startX = s._touches.currentX;
s._touches.startY = s._touches.currentY;
currentTranslate = startTranslate;
s._touches.diff = isHorizontal(s) ? s._touches.currentX - s._touches.startX : s._touches.currentY - s._touches.startY;
return;
}
}
else {
currentTranslate = startTranslate;
return;
}
}
if (!s.followFinger)
return;
// Update active index in free mode
if (s.freeMode || s.watchSlidesProgress) {
updateActiveIndex(s);
}
if (s.freeMode) {
// Velocity
if (velocities.length === 0) {
velocities.push({
position: ((s._touches))[isHorizontal(s) ? 'startX' : 'startY'],
time: touchStartTime
});
}
velocities.push({
position: ((s._touches))[isHorizontal(s) ? 'currentX' : 'currentY'],
time: (new Date()).getTime()
});
}
// Update progress
updateProgress(s, currentTranslate);
// Update translate
setWrapperTranslate(s, plt, currentTranslate);
}
/**
* @param {?} s
* @param {?} plt
* @param {?} ev
* @return {?}
*/
function onTouchEnd$1(s, plt, ev) {
(void 0) /* console.debug */;
if (ev.originalEvent) {
ev = ev.originalEvent;
}
s.originalEvent = ev;
if (allowTouchCallbacks) {
s.ionSlideTouchEnd.emit(ev);
}
allowTouchCallbacks = false;
if (!isTouched)
return;
// Time diff
var /** @type {?} */ touchEndTime = Date.now();
var /** @type {?} */ timeDiff = touchEndTime - touchStartTime;
// Tap, doubleTap, Click
if (s._allowClick) {
updateClickedSlide(s, plt, ev);
s._zone.run(function () {
s.ionSlideTap.emit(s);
if (timeDiff < 300 && (touchEndTime - lastClickTime) > 300) {
if (clickTimeout) {
plt.cancelTimeout(clickTimeout);
}
clickTimeout = plt.timeout(function () {
if (!s)
return;
if (s.paginationHide && s._paginationContainer && !((ev.target)).classList.contains(CLS.bullet)) {
s._paginationContainer.classList.toggle(CLS.paginationHidden);
}
}, 300);
}
if (timeDiff < 300 && (touchEndTime - lastClickTime) < 300) {
if (clickTimeout)
clearTimeout(clickTimeout);
s.ionSlideDoubleTap.emit(s);
}
});
}
lastClickTime = Date.now();
plt.timeout(function () {
if (s) {
s._allowClick = true;
}
});
if (!isTouched || !isMoved || !s.swipeDirection || s._touches.diff === 0 || currentTranslate === startTranslate) {
isTouched = isMoved = false;
return;
}
isTouched = isMoved = false;
var /** @type {?} */ currentPos;
if (s.followFinger) {
currentPos = s._rtl ? s._translate : -s._translate;
}
else {
currentPos = -currentTranslate;
}
if (s.freeMode) {
if (currentPos < -minTranslate(s)) {
slideTo(s, plt, s._activeIndex);
return;
}
else if (currentPos > -maxTranslate(s)) {
if (s._slides.length < s._snapGrid.length) {
slideTo(s, plt, s._snapGrid.length - 1);
}
else {
slideTo(s, plt, s._slides.length - 1);
}
return;
}
if (s.freeModeMomentum) {
if (velocities.length > 1) {
var /** @type {?} */ lastMoveEvent = velocities.pop(), /** @type {?} */ velocityEvent = velocities.pop();
var /** @type {?} */ distance = lastMoveEvent.position - velocityEvent.position;
var /** @type {?} */ time = lastMoveEvent.time - velocityEvent.time;
s.velocity = distance / time;
s.velocity = s.velocity / 2;
if (Math.abs(s.velocity) < s.freeModeMinimumVelocity) {
s.velocity = 0;
}
// this implies that the user stopped moving a finger then released.
// There would be no events with distance zero, so the last event is stale.
if (time > 150 || (new Date().getTime() - lastMoveEvent.time) > 300) {
s.velocity = 0;
}
}
else {
s.velocity = 0;
}
s.velocity = s.velocity * s.freeModeMomentumVelocityRatio;
velocities.length = 0;
var /** @type {?} */ momentumDuration = 1000 * s.freeModeMomentumRatio;
var /** @type {?} */ momentumDistance = s.velocity * momentumDuration;
var /** @type {?} */ newPosition = s._translate + momentumDistance;
if (s._rtl)
newPosition = -newPosition;
var /** @type {?} */ doBounce = false;
var /** @type {?} */ afterBouncePosition;
var /** @type {?} */ bounceAmount = Math.abs(s.velocity) * 20 * s.freeModeMomentumBounceRatio;
if (newPosition < maxTranslate(s)) {
if (s.freeModeMomentumBounce) {
if (newPosition + maxTranslate(s) < -bounceAmount) {
newPosition = maxTranslate(s) - bounceAmount;
}
afterBouncePosition = maxTranslate(s);
doBounce = true;
allowMomentumBounce = true;
}
else {
newPosition = maxTranslate(s);
}
}
else if (newPosition > minTranslate(s)) {
if (s.freeModeMomentumBounce) {
if (newPosition - minTranslate(s) > bounceAmount) {
newPosition = minTranslate(s) + bounceAmount;
}
afterBouncePosition = minTranslate(s);
doBounce = true;
allowMomentumBounce = true;
}
else {
newPosition = minTranslate(s);
}
}
else if (s.freeModeSticky) {
var /** @type {?} */ j = 0;
var /** @type {?} */ nextSlide;
for (j = 0; j < s._snapGrid.length; j += 1) {
if (s._snapGrid[j] > -newPosition) {
nextSlide = j;
break;
}
}
if (Math.abs(s._snapGrid[nextSlide] - newPosition) < Math.abs(s._snapGrid[nextSlide - 1] - newPosition) || s.swipeDirection === 'next') {
newPosition = s._snapGrid[nextSlide];
}
else {
newPosition = s._snapGrid[nextSlide - 1];
}
if (!s._rtl)
newPosition = -newPosition;
}
// Fix duration
if (s.velocity !== 0) {
if (s._rtl) {
momentumDuration = Math.abs((-newPosition - s._translate) / s.velocity);
}
else {
momentumDuration = Math.abs((newPosition - s._translate) / s.velocity);
}
}
else if (s.freeModeSticky) {
slideReset(s, plt);
return;
}
if (s.freeModeMomentumBounce && doBounce) {
updateProgress(s, afterBouncePosition);
setWrapperTransition(s, plt, momentumDuration);
setWrapperTranslate(s, plt, newPosition);
onTransitionStart(s);
s._animating = true;
plt.transitionEnd(s._wrapper, function () {
if (!s || !allowMomentumBounce)
return;
setWrapperTransition(s, plt, s.speed);
setWrapperTranslate(s, plt, afterBouncePosition);
plt.transitionEnd(s._wrapper, function () {
if (!s)
return;
onTransitionEnd(s, plt);
});
});
}
else if (s.velocity) {
updateProgress(s, newPosition);
setWrapperTransition(s, plt, momentumDuration);
setWrapperTranslate(s, plt, newPosition);
onTransitionStart(s);
if (!s._animating) {
s._animating = true;
plt.transitionEnd(s._wrapper, function (ev) {
if (!s)
return;
onTransitionEnd(s, plt);
});
}
}
else {
updateProgress(s, newPosition);
}
updateActiveIndex(s);
}
if (!s.freeModeMomentum || timeDiff >= s.longSwipesMs) {
updateProgress(s);
updateActiveIndex(s);
}
return;
}
// Find current slide
var /** @type {?} */ stopIndex = 0;
var /** @type {?} */ groupSize = s._slidesSizesGrid[0];
for (var /** @type {?} */ i = 0; i < s._slidesGrid.length; i += s.slidesPerGroup) {
if (typeof s._slidesGrid[i + s.slidesPerGroup] !== 'undefined') {
if (currentPos >= s._slidesGrid[i] && currentPos < s._slidesGrid[i + s.slidesPerGroup]) {
stopIndex = i;
groupSize = s._slidesGrid[i + s.slidesPerGroup] - s._slidesGrid[i];
}
}
else {
if (currentPos >= s._slidesGrid[i]) {
stopIndex = i;
groupSize = s._slidesGrid[s._slidesGrid.length - 1] - s._slidesGrid[s._slidesGrid.length - 2];
}
}
}
// Find current slide size
var /** @type {?} */ ratio = (currentPos - s._slidesGrid[stopIndex]) / groupSize;
if (timeDiff > s.longSwipesMs) {
// Long touches
if (!s.longSwipes) {
slideTo(s, plt, s._activeIndex);
return;
}
if (s.swipeDirection === 'next') {
if (ratio >= s.longSwipesRatio) {
slideTo(s, plt, stopIndex + s.slidesPerGroup);
}
else {
slideTo(s, plt, stopIndex);
}
}
if (s.swipeDirection === 'prev') {
if (ratio > (1 - s.longSwipesRatio)) {
slideTo(s, plt, stopIndex + s.slidesPerGroup);
}
else {
slideTo(s, plt, stopIndex);
}
}
}
else {
// Short swipes
if (!s.shortSwipes) {
slideTo(s, plt, s._activeIndex);
return;
}
if (s.swipeDirection === 'next') {
slideTo(s, plt, stopIndex + s.slidesPerGroup);
}
if (s.swipeDirection === 'prev') {
slideTo(s, plt, stopIndex);
}
}
}
/*=========================
Resize Handler
===========================*/
var resizeId;
/**
* @param {?} s
* @param {?} plt
* @param {?} forceUpdatePagination
* @return {?}
*/
function onResize(s, plt, forceUpdatePagination) {
// TODO: hacky, we should use Resize Observer in the future
if (resizeId) {
plt.cancelTimeout(resizeId);
resizeId = null;
}
resizeId = plt.timeout(function () { return doResize(s, plt, forceUpdatePagination); }, 200);
}
/**
* @param {?} s
* @param {?} plt
* @param {?} forceUpdatePagination
* @return {?}
*/
function doResize(s, plt, forceUpdatePagination) {
resizeId = null;
// Disable locks on resize
var /** @type {?} */ allowSwipeToPrev = s._allowSwipeToPrev;
var /** @type {?} */ allowSwipeToNext = s._allowSwipeToNext;
s._allowSwipeToPrev = s._allowSwipeToNext = true;
updateContainerSize(s, plt);
updateSlidesSize(s, plt);
if (s.slidesPerView === 'auto' || s.freeMode || forceUpdatePagination) {
updatePagination(s);
}
if (s._spline) {
s._spline = undefined;
}
var /** @type {?} */ slideChangedBySlideTo = false;
if (s.freeMode) {
var /** @type {?} */ newTranslate = Math.min(Math.max(s._translate, maxTranslate(s)), minTranslate(s));
setWrapperTranslate(s, plt, newTranslate);
updateActiveIndex(s);
updateClasses(s);
if (s.autoHeight) {
updateAutoHeight(s);
}
}
else {
updateClasses(s);
if ((s.slidesPerView === 'auto' || s.slidesPerView > 1) && s._isEnd && !s.centeredSlides) {
slideChangedBySlideTo = slideTo(s, plt, s._slides.length - 1, 0, false, true);
}
else {
slideChangedBySlideTo = slideTo(s, plt, s._activeIndex, 0, false, true);
}
}
// Return locks after resize
s._allowSwipeToPrev = allowSwipeToPrev;
s._allowSwipeToNext = allowSwipeToNext;
}
var __extends$79 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* \@name Slides
* \@description
* The Slides component is a multi-section container. Each section can be swiped
* or dragged between. It contains any number of [Slide](../Slide) components.
*
*
* ### Creating
* You should use a template to create slides and listen to slide events. The template
* should contain the slide container, an `<ion-slides>` element, and any number of
* [Slide](../Slide) components, written as `<ion-slide>`. Basic configuration
* values can be set as input properties, which are listed below. Slides events
* can also be listened to such as the slide changing by placing the event on the
* `<ion-slides>` element. See [Usage](#usage) below for more information.
*
*
* ### Navigating
* After creating and configuring the slides, you can navigate between them
* by swiping or calling methods on the `Slides` instance. You can call `slideTo()` to
* navigate to a specific slide, or `slideNext()` to change to the slide that follows
* the active slide. All of the [methods](#instance-members) provided by the `Slides`
* instance are listed below. See [Usage](#usage) below for more information on
* navigating between slides.
*
*
* \@usage
*
* You can add slides to a `\@Component` using the following template:
*
* ```html
* <ion-slides>
* <ion-slide>
* <h1>Slide 1</h1>
* </ion-slide>
* <ion-slide>
* <h1>Slide 2</h1>
* </ion-slide>
* <ion-slide>
* <h1>Slide 3</h1>
* </ion-slide>
* </ion-slides>
* ```
*
* Next, we can use `ViewChild` to assign the Slides instance to
* your `slides` property. Now we can call any of the `Slides`
* [methods](#instance-members), for example we can use the Slide's
* `slideTo()` method in order to navigate to a specific slide on
* a button click. Below we call the `goToSlide()` method and it
* navigates to the 3rd slide:
*
* ```ts
* import { ViewChild } from '\@angular/core';
* import { Slides } from 'ionic-angular';
*
* class MyPage {
* \@ViewChild(Slides) slides: Slides;
*
* goToSlide() {
* this.slides.slideTo(2, 500);
* }
* }
* ```
*
* We can also add events to listen to on the `<ion-slides>` element.
* Let's add the `ionSlideDidChange` event and call a method when the slide changes:
*
* ```html
* <ion-slides (ionSlideDidChange)="slideChanged()">
* ```
*
* In our class, we add the `slideChanged()` method which gets the active
* index and prints it:
*
* ```ts
* class MyPage {
* ...
*
* slideChanged() {
* let currentIndex = this.slides.getActiveIndex();
* console.log("Current index is", currentIndex);
* }
* }
* ```
*
* \@advanced
*
* There are several options available to create customized slides. Ionic exposes
* the most commonly used options as [inputs](http://learnangular2.com/inputs/).
* In order to use an option that isn't exposed as an input the following code
* should be used, where `freeMode` is the option to change:
*
* ```ts
* import { ViewChild } from '\@angular/core';
* import { Slides } from 'ionic-angular';
* class MyPage {
* \@ViewChild(Slides) slides: Slides;
*
* ngAfterViewInit() {
* this.slides.freeMode = true;
* }
* }
*
* ```
*
* To see all of the available options, take a look at the
* [source for slides](https://github.com/driftyco/ionic/blob/master/src/components/slides/slides.ts).
*
* \@demo /docs/demos/src/slides/
* @see {\@link /docs/components#slides Slides Component Docs}
*
* Adopted from Swiper.js:
* The most modern mobile touch slider and framework with
* hardware accelerated transitions.
*
* http://www.idangero.us/swiper/
*
* Copyright 2016, Vladimir Kharlampidi
* The iDangero.us
* http://www.idangero.us/
*
* Licensed under MIT
*/
var Slides = (function (_super) {
__extends$79(Slides, _super);
/**
* @param {?} config
* @param {?} _plt
* @param {?} zone
* @param {?} viewCtrl
* @param {?} elementRef
* @param {?} renderer
*/
function Slides(config, _plt, zone, viewCtrl, elementRef, renderer) {
var _this = _super.call(this, config, elementRef, renderer, 'slides') || this;
_this._plt = _plt;
_this._control = null;
_this._effectName = 'slide';
_this._direction = 'horizontal';
_this._initialSlide = 0;
_this._isLoop = false;
_this._pager = false;
_this._paginationType = 'bullets';
/**
* @hidden
*/
_this.paginationBulletRender = null;
_this._isParallax = false;
_this._speedMs = 300;
_this._isZoom = false;
/**
* @hidden
* Enabled this option and swiper will be operated as usual except it will
* not move, real translate values on wrapper will not be set. Useful when
* you may need to create custom slide transition.
*/
_this.virtualTranslate = false;
/**
* @hidden
* Set to true to round values of slides width and height to prevent blurry
* texts on usual resolution screens (if you have such)
*/
_this.roundLengths = false;
_this._spaceBetween = 0;
_this._slidesPerView = 1;
/**
* @hidden
*/
_this.slidesPerColumn = 1;
/**
* @hidden
*/
_this.slidesPerColumnFill = 'column';
/**
* @hidden
*/
_this.slidesPerGroup = 1;
/**
* @hidden
*/
_this.centeredSlides = false;
/**
* @hidden
*/
_this.slidesOffsetBefore = 0;
/**
* @hidden
*/
_this.slidesOffsetAfter = 0;
/**
* @hidden
*/
_this.autoplayDisableOnInteraction = true;
/**
* @hidden
*/
_this.autoplayStopOnLast = false;
/**
* @hidden
*/
_this.freeMode = false;
/**
* @hidden
*/
_this.freeModeMomentum = true;
/**
* @hidden
*/
_this.freeModeMomentumRatio = 1;
/**
* @hidden
*/
_this.freeModeMomentumBounce = true;
/**
* @hidden
*/
_this.freeModeMomentumBounceRatio = 1;
/**
* @hidden
*/
_this.freeModeMomentumVelocityRatio = 1;
/**
* @hidden
*/
_this.freeModeSticky = false;
/**
* @hidden
*/
_this.freeModeMinimumVelocity = 0.02;
/**
* @hidden
*/
_this.autoHeight = false;
/**
* @hidden
*/
_this.setWrapperSize = false;
/**
* @hidden
*/
_this.zoomMax = 3;
/**
* @hidden
*/
_this.zoomMin = 1;
/**
* @hidden
*/
_this.zoomToggle = true;
/**
* @hidden
*/
_this.touchRatio = 1;
/**
* @hidden
*/
_this.touchAngle = 45;
/**
* @hidden
*/
_this.simulateTouch = true;
/**
* @hidden
*/
_this.shortSwipes = true;
/**
* @hidden
*/
_this.longSwipes = true;
/**
* @hidden
*/
_this.longSwipesRatio = 0.5;
/**
* @hidden
*/
_this.longSwipesMs = 300;
/**
* @hidden
*/
_this.followFinger = true;
/**
* @hidden
*/
_this.onlyExternal = false;
/**
* @hidden
*/
_this.threshold = 0;
/**
* @hidden
*/
_this.touchMoveStopPropagation = true;
/**
* @hidden
*/
_this.touchReleaseOnEdges = false;
/**
* @hidden
*/
_this.iOSEdgeSwipeDetection = false;
/**
* @hidden
*/
_this.iOSEdgeSwipeThreshold = 20;
/**
* @hidden
*/
_this.paginationClickable = false;
/**
* @hidden
*/
_this.paginationHide = false;
/**
* @hidden
*/
_this.resistance = true;
/**
* @hidden
*/
_this.resistanceRatio = 0.85;
/**
* @hidden
*/
_this.watchSlidesProgress = false;
/**
* @hidden
*/
_this.watchSlidesVisibility = false;
/**
* @hidden
*/
_this.preventClicks = true;
/**
* @hidden
*/
_this.preventClicksPropagation = true;
/**
* @hidden
*/
_this.slideToClickedSlide = false;
/**
* @hidden
*/
_this.loopAdditionalSlides = 0;
/**
* @hidden
*/
_this.loopedSlides = null;
/**
* @hidden
*/
_this.swipeHandler = null;
/**
* @hidden
*/
_this.noSwiping = true;
/**
* @hidden
*/
_this.runCallbacksOnInit = true;
// Controller
_this.controlBy = 'slide';
_this.controlInverse = false;
/**
* @hidden
*/
_this.keyboardControl = true;
/**
* @hidden
*/
_this.coverflow = {
rotate: 50,
stretch: 0,
depth: 100,
modifier: 1,
slideShadows: true
};
/**
* @hidden
*/
_this.flip = {
slideShadows: true,
limitRotation: true
};
/**
* @hidden
*/
_this.cube = {
slideShadows: true,
shadow: true,
shadowOffset: 20,
shadowScale: 0.94
};
/**
* @hidden
*/
_this.fade = {
crossFade: false
};
/**
* @hidden
*/
_this.prevSlideMessage = 'Previous slide';
/**
* @hidden
*/
_this.nextSlideMessage = 'Next slide';
/**
* @hidden
*/
_this.firstSlideMessage = 'This is the first slide';
/**
* @hidden
*/
_this.lastSlideMessage = 'This is the last slide';
/**
* \@output {Slides} Emitted when a slide change starts.
*/
_this.ionSlideWillChange = new EventEmitter();
/**
* \@output {Slides} Emitted when a slide change ends.
*/
_this.ionSlideDidChange = new EventEmitter();
/**
* \@output {Slides} Emitted when a slide moves.
*/
_this.ionSlideDrag = new EventEmitter();
/**
* \@output {Slides} Emitted when slides reaches its beginning (initial position).
*/
_this.ionSlideReachStart = new EventEmitter();
/**
* \@output {Slides} Emitted when slides reaches its last slide.
*/
_this.ionSlideReachEnd = new EventEmitter();
/**
* \@output {Slides} Emitted when a slide moves.
*/
_this.ionSlideAutoplay = new EventEmitter();
/**
* \@output {Slides} Emitted when a autoplay starts.
*/
_this.ionSlideAutoplayStart = new EventEmitter();
/**
* \@output {Slides} Emitted when a autoplay stops.
*/
_this.ionSlideAutoplayStop = new EventEmitter();
/**
* \@output {Slides} Emitted when a slide change starts with the "forward" direction.
*/
_this.ionSlideNextStart = new EventEmitter();
/**
* \@output {Slides} Emitted when a slide change starts with the "backward" direction.
*/
_this.ionSlidePrevStart = new EventEmitter();
/**
* \@output {Slides} Emitted when a slide change ends with the "forward" direction.
*/
_this.ionSlideNextEnd = new EventEmitter();
/**
* \@output {Slides} Emitted when a slide change ends with the "backward" direction.
*/
_this.ionSlidePrevEnd = new EventEmitter();
/**
* \@output {Slides} Emitted when the user taps/clicks on the slide's container.
*/
_this.ionSlideTap = new EventEmitter();
/**
* \@output {Slides} Emitted when the user double taps on the slide's container.
*/
_this.ionSlideDoubleTap = new EventEmitter();
/**
* @hidden
*/
_this.ionSlideProgress = new EventEmitter();
/**
* @hidden
*/
_this.ionSlideTransitionStart = new EventEmitter();
/**
* @hidden
*/
_this.ionSlideTransitionEnd = new EventEmitter();
/**
* @hidden
*/
_this.ionSlideTouchStart = new EventEmitter();
/**
* @hidden
*/
_this.ionSlideTouchEnd = new EventEmitter();
_this._unregs = [];
/**
* \@internal
*/
_this._allowSwipeToNext = true;
/**
* \@internal
*/
_this._allowSwipeToPrev = true;
_this._zone = zone;
_this.id = ++slidesId;
_this.slideId = 'slides-' + _this.id;
_this.setElementClass(_this.slideId, true);
// only initialize the slides whent the content is ready
if (viewCtrl) {
var subscription = viewCtrl.readReady.subscribe(function () {
subscription.unsubscribe();
_this._initSlides();
});
}
return _this;
}
Object.defineProperty(Slides.prototype, "autoplay", {
/**
* \@input {number} Delay between transitions (in milliseconds). If this
* parameter is not passed, autoplay is disabled. Default does
* not have a value and does not autoplay.
* Default: `null`.
* @return {?}
*/
get: function () {
return this._autoplayMs;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._autoplayMs = parseInt(val, 10);
},
enumerable: true,
configurable: true
});
Object.defineProperty(Slides.prototype, "control", {
/**
* \@input {Slides} Pass another Slides instance or array of Slides instances
* that should be controlled by this Slides instance.
* Default: `null`.
* @return {?}
*/
get: function () {
return this._control;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
if (val instanceof Slides || Array.isArray(val)) {
this._control = val;
}
},
enumerable: true,
configurable: true
});
Object.defineProperty(Slides.prototype, "effect", {
/**
* \@input {string} The animation effect of the slides.
* Possible values are: `slide`, `fade`, `cube`, `coverflow` or `flip`.
* Default: `slide`.
* @return {?}
*/
get: function () {
return this._effectName;
},
/**
* @param {?} effectName
* @return {?}
*/
set: function (effectName) {
if (SWIPER_EFFECTS[effectName]) {
this._effectName = effectName;
}
},
enumerable: true,
configurable: true
});
Object.defineProperty(Slides.prototype, "direction", {
/**
* \@input {string} Swipe direction: 'horizontal' or 'vertical'.
* Default: `horizontal`.
* @return {?}
*/
get: function () {
return this._direction;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
if (val === 'horizontal' || val === 'vertical') {
this._direction = val;
}
},
enumerable: true,
configurable: true
});
Object.defineProperty(Slides.prototype, "initialSlide", {
/**
* \@input {number} Index number of initial slide. Default: `0`.
* @return {?}
*/
get: function () {
return this._initialSlide;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._initialSlide = parseInt(val, 10);
},
enumerable: true,
configurable: true
});
Object.defineProperty(Slides.prototype, "loop", {
/**
* \@input {boolean} If true, continuously loop from the last slide to the
* first slide.
* @return {?}
*/
get: function () {
return this._isLoop;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._isLoop = isTrueProperty(val);
},
enumerable: true,
configurable: true
});
Object.defineProperty(Slides.prototype, "pager", {
/**
* \@input {boolean} If true, show the pager.
* @return {?}
*/
get: function () {
return this._pager;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._pager = isTrueProperty(val);
},
enumerable: true,
configurable: true
});
Object.defineProperty(Slides.prototype, "dir", {
/**
* \@input {string} If dir attribute is equal to rtl, set interal _rtl to true;
* @param {?} val
* @return {?}
*/
set: function (val) {
this._rtl = (val.toLowerCase() === 'rtl');
},
enumerable: true,
configurable: true
});
Object.defineProperty(Slides.prototype, "paginationType", {
/**
* \@input {string} Type of pagination. Possible values are:
* `bullets`, `fraction`, `progress`. Default: `bullets`.
* (Note that the pager will not show unless `pager` input
* is set to true).
* @return {?}
*/
get: function () {
return this._paginationType;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
if (val === 'bullets' || val === 'fraction' || val === 'progress') {
this._paginationType = val;
}
},
enumerable: true,
configurable: true
});
Object.defineProperty(Slides.prototype, "parallax", {
/**
* \@input {boolean} If true, allows you to use "parallaxed" elements inside of
* slider.
* @return {?}
*/
get: function () {
return this._isParallax;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._isParallax = isTrueProperty(val);
},
enumerable: true,
configurable: true
});
Object.defineProperty(Slides.prototype, "speed", {
/**
* \@input {number} Duration of transition between slides
* (in milliseconds). Default: `300`.
* @return {?}
*/
get: function () {
return this._speedMs;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._speedMs = parseInt(val, 10);
},
enumerable: true,
configurable: true
});
Object.defineProperty(Slides.prototype, "zoom", {
/**
* \@input {boolean} If true, enables zooming functionality.
* @return {?}
*/
get: function () {
return this._isZoom;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._isZoom = isTrueProperty(val);
},
enumerable: true,
configurable: true
});
Object.defineProperty(Slides.prototype, "spaceBetween", {
/**
* \@input {number} Distance between slides in px. Default: `0`.
* @return {?}
*/
get: function () {
return this._spaceBetween;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._spaceBetween = parseInt(val, 10);
},
enumerable: true,
configurable: true
});
Object.defineProperty(Slides.prototype, "slidesPerView", {
/**
* \@input {number} Slides per view. Slides visible at the same time. Default: `1`.
* @return {?}
*/
get: function () {
return this._slidesPerView;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._slidesPerView = val === 'auto' ? 'auto' : parseInt(val, 10);
},
enumerable: true,
configurable: true
});
/**
* @return {?}
*/
Slides.prototype._initSlides = function () {
if (!this._init) {
(void 0) /* console.debug */;
var /** @type {?} */ s = this;
var /** @type {?} */ plt = s._plt;
s.container = this.getNativeElement().children[0];
// init swiper core
initSwiper(s, plt);
// init core event listeners
this._unregs.push(initEvents(s, plt));
if (this.zoom) {
// init zoom event listeners
this._unregs.push(initZoom(s, plt));
}
if (this.keyboardControl) {
// init keyboard event listeners
s.enableKeyboardControl(true);
}
this._init = true;
}
};
/**
* @hidden
* @return {?}
*/
Slides.prototype.ngAfterContentInit = function () {
var _this = this;
this._plt.timeout(function () {
_this._initSlides();
}, 300);
};
/**
* Update the underlying slider implementation. Call this if you've added or removed
* child slides.
* @param {?=} debounce
* @return {?}
*/
Slides.prototype.update = function (debounce$$1) {
var _this = this;
if (debounce$$1 === void 0) { debounce$$1 = 300; }
if (this._init) {
this._plt.cancelTimeout(this._tmr);
this._tmr = this._plt.timeout(function () {
update(_this, _this._plt);
// Don't allow pager to show with > 10 slides
if (_this.length() > 10) {
_this.paginationType = undefined;
}
}, debounce$$1);
}
};
/**
* @return {?}
*/
Slides.prototype.resize = function () {
if (this._init) {
}
};
/**
* Transition to the specified slide.
*
* @param {?} index
* @param {?=} speed
* @param {?=} runCallbacks
* @return {?}
*/
Slides.prototype.slideTo = function (index, speed, runCallbacks) {
slideTo(this, this._plt, index, speed, runCallbacks);
};
/**
* Transition to the next slide.
*
* @param {?=} speed
* @param {?=} runCallbacks
* @return {?}
*/
Slides.prototype.slideNext = function (speed, runCallbacks) {
slideNext(this, this._plt, runCallbacks, speed, true);
};
/**
* Transition to the previous slide.
*
* @param {?=} speed
* @param {?=} runCallbacks
* @return {?}
*/
Slides.prototype.slidePrev = function (speed, runCallbacks) {
slidePrev(this, this._plt, runCallbacks, speed, true);
};
/**
* Get the index of the active slide.
*
* @return {?}
*/
Slides.prototype.getActiveIndex = function () {
return this._activeIndex;
};
/**
* Get the index of the previous slide.
*
* @return {?}
*/
Slides.prototype.getPreviousIndex = function () {
return this._previousIndex;
};
/**
* Get the total number of slides.
*
* @return {?}
*/
Slides.prototype.length = function () {
return this._slides.length;
};
/**
* Get whether or not the current slide is the last slide.
*
* @return {?}
*/
Slides.prototype.isEnd = function () {
return this._isEnd;
};
/**
* Get whether or not the current slide is the first slide.
*
* @return {?}
*/
Slides.prototype.isBeginning = function () {
return this._isBeginning;
};
/**
* Start auto play.
* @return {?}
*/
Slides.prototype.startAutoplay = function () {
startAutoplay(this, this._plt);
};
/**
* Stop auto play.
* @return {?}
*/
Slides.prototype.stopAutoplay = function () {
stopAutoplay(this);
};
/**
* Lock or unlock the ability to slide to the next slides.
* @param {?} shouldLockSwipeToNext
* @return {?}
*/
Slides.prototype.lockSwipeToNext = function (shouldLockSwipeToNext) {
this._allowSwipeToNext = !shouldLockSwipeToNext;
};
/**
* Lock or unlock the ability to slide to the previous slides.
* @param {?} shouldLockSwipeToPrev
* @return {?}
*/
Slides.prototype.lockSwipeToPrev = function (shouldLockSwipeToPrev) {
this._allowSwipeToPrev = !shouldLockSwipeToPrev;
};
/**
* Lock or unlock the ability to slide to change slides.
* @param {?} shouldLockSwipes
* @return {?}
*/
Slides.prototype.lockSwipes = function (shouldLockSwipes) {
this._allowSwipeToNext = this._allowSwipeToPrev = !shouldLockSwipes;
};
/**
* Enable or disable keyboard control.
* @param {?} shouldEnableKeyboard
* @return {?}
*/
Slides.prototype.enableKeyboardControl = function (shouldEnableKeyboard) {
enableKeyboardControl(this, this._plt, shouldEnableKeyboard);
};
/**
* @hidden
* @return {?}
*/
Slides.prototype.ngOnDestroy = function () {
this._init = false;
this._unregs.forEach(function (unReg) {
unReg();
});
this._unregs.length = 0;
destroySwiper(this);
this.enableKeyboardControl(false);
};
return Slides;
}(Ion));
Slides.decorators = [
{ type: Component, args: [{
selector: 'ion-slides',
template: '<div class="swiper-container" [attr.dir]="_rtl? \'rtl\' : null">' +
'<div class="swiper-wrapper">' +
'<ng-content></ng-content>' +
'</div>' +
'<div [class.hide]="!pager" class="swiper-pagination"></div>' +
'</div>',
changeDetection: ChangeDetectionStrategy.OnPush,
encapsulation: ViewEncapsulation.None,
},] },
];
/**
* @nocollapse
*/
Slides.ctorParameters = function () { return [
{ type: Config, },
{ type: Platform, },
{ type: NgZone, },
{ type: ViewController, decorators: [{ type: Optional },] },
{ type: ElementRef, },
{ type: Renderer, },
]; };
Slides.propDecorators = {
'autoplay': [{ type: Input },],
'control': [{ type: Input },],
'effect': [{ type: Input },],
'direction': [{ type: Input },],
'initialSlide': [{ type: Input },],
'loop': [{ type: Input },],
'pager': [{ type: Input },],
'dir': [{ type: Input },],
'paginationType': [{ type: Input },],
'parallax': [{ type: Input },],
'speed': [{ type: Input },],
'zoom': [{ type: Input },],
'spaceBetween': [{ type: Input },],
'slidesPerView': [{ type: Input },],
'ionSlideWillChange': [{ type: Output },],
'ionSlideDidChange': [{ type: Output },],
'ionSlideDrag': [{ type: Output },],
'ionSlideReachStart': [{ type: Output },],
'ionSlideReachEnd': [{ type: Output },],
'ionSlideAutoplay': [{ type: Output },],
'ionSlideAutoplayStart': [{ type: Output },],
'ionSlideAutoplayStop': [{ type: Output },],
'ionSlideNextStart': [{ type: Output },],
'ionSlidePrevStart': [{ type: Output },],
'ionSlideNextEnd': [{ type: Output },],
'ionSlidePrevEnd': [{ type: Output },],
'ionSlideTap': [{ type: Output },],
'ionSlideDoubleTap': [{ type: Output },],
};
var slidesId = -1;
/**
* \@name Slide
* \@description
* The Slide component is a child component of [Slides](../Slides). The template
* should be written as `ion-slide`. Any slide content should be written
* in this component and it should be used in conjunction with [Slides](../Slides).
*
* See the [Slides API Docs](../Slides) for more usage information.
*
* \@demo /docs/demos/src/slides/
* @see {\@link /docs/api/components/slides/Slides/ Slides API Docs}
*/
var Slide = (function () {
/**
* @param {?} elementRef
* @param {?} renderer
* @param {?} _slides
*/
function Slide(elementRef, renderer, _slides) {
this._slides = _slides;
renderer.setElementClass(elementRef.nativeElement, 'swiper-slide', true);
_slides.update(10);
}
/**
* @hidden
* @return {?}
*/
Slide.prototype.ngOnDestroy = function () {
this._slides.update(10);
};
return Slide;
}());
Slide.decorators = [
{ type: Component, args: [{
selector: 'ion-slide',
template: '<div class="slide-zoom">' +
'<ng-content></ng-content>' +
'</div>',
changeDetection: ChangeDetectionStrategy.OnPush,
encapsulation: ViewEncapsulation.None,
},] },
];
/**
* @nocollapse
*/
Slide.ctorParameters = function () { return [
{ type: ElementRef, },
{ type: Renderer, },
{ type: Slides, },
]; };
/**
* @hidden
*/
var SlidesModule = (function () {
function SlidesModule() {
}
/**
* @return {?}
*/
SlidesModule.forRoot = function () {
return {
ngModule: SlidesModule, providers: []
};
};
return SlidesModule;
}());
SlidesModule.decorators = [
{ type: NgModule, args: [{
declarations: [
Slide,
Slides
],
exports: [
Slide,
Slides
]
},] },
];
/**
* @nocollapse
*/
SlidesModule.ctorParameters = function () { return []; };
/**
* @hidden
*/
var SplitPaneModule = (function () {
function SplitPaneModule() {
}
/**
* @return {?}
*/
SplitPaneModule.forRoot = function () {
return {
ngModule: SplitPaneModule, providers: []
};
};
return SplitPaneModule;
}());
SplitPaneModule.decorators = [
{ type: NgModule, args: [{
declarations: [
SplitPane
],
exports: [
SplitPane
]
},] },
];
/**
* @nocollapse
*/
SplitPaneModule.ctorParameters = function () { return []; };
/**
* @hidden
*/
var TabHighlight = (function () {
/**
* @param {?} _elementRef
* @param {?} _dom
*/
function TabHighlight(_elementRef, _dom) {
this._elementRef = _elementRef;
this._dom = _dom;
}
/**
* @param {?} tab
* @return {?}
*/
TabHighlight.prototype.select = function (tab) {
var _this = this;
var /** @type {?} */ dom = this._dom;
dom.read(function () {
var /** @type {?} */ btnEle = tab.btn.getElementRef().nativeElement;
var /** @type {?} */ transform = "translate3d(" + btnEle.offsetLeft + "px,0,0) scaleX(" + btnEle.offsetWidth + ")";
dom.write(function () {
var /** @type {?} */ ele = _this._elementRef.nativeElement;
((ele.style))[dom.plt.Css.transform] = transform;
if (!_this._init) {
_this._init = true;
dom.write(function () {
ele.classList.add('animate');
}, 80);
}
});
}, 32);
};
return TabHighlight;
}());
TabHighlight.decorators = [
{ type: Directive, args: [{
selector: '.tab-highlight'
},] },
];
/**
* @nocollapse
*/
TabHighlight.ctorParameters = function () { return [
{ type: ElementRef, },
{ type: DomController, },
]; };
var __extends$81 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* \@name Tabs
* \@description
* Tabs make it easy to navigate between different pages or functional
* aspects of an app. The Tabs component, written as `<ion-tabs>`, is
* a container of individual [Tab](../Tab/) components. Each individual `ion-tab`
* is a declarative component for a [NavController](../../../navigation/NavController/)
*
* For more information on using nav controllers like Tab or [Nav](../../nav/Nav/),
* take a look at the [NavController API Docs](../../../navigation/NavController/).
*
* ### Placement
*
* The position of the tabs relative to the content varies based on
* the mode. The tabs are placed at the bottom of the screen
* for iOS and Android, and at the top for Windows by default. The position can
* be configured using the `tabsPlacement` attribute on the `<ion-tabs>` component,
* or in an app's [config](../../config/Config/).
* See the [Input Properties](#input-properties) below for the available
* values of `tabsPlacement`.
*
* ### Layout
*
* The layout for all of the tabs can be defined using the `tabsLayout`
* property. If the individual tab has a title and icon, the icons will
* show on top of the title by default. All tabs can be changed by setting
* the value of `tabsLayout` on the `<ion-tabs>` element, or in your
* app's [config](../../config/Config/). For example, this is useful if
* you want to show tabs with a title only on Android, but show icons
* and a title for iOS. See the [Input Properties](#input-properties)
* below for the available values of `tabsLayout`.
*
* ### Selecting a Tab
*
* There are different ways you can select a specific tab from the tabs
* component. You can use the `selectedIndex` property to set the index
* on the `<ion-tabs>` element, or you can call `select()` from the `Tabs`
* instance after creation. See [usage](#usage) below for more information.
*
* \@usage
*
* You can add a basic tabs template to a `\@Component` using the following
* template:
*
* ```html
* <ion-tabs>
* <ion-tab [root]="tab1Root"></ion-tab>
* <ion-tab [root]="tab2Root"></ion-tab>
* <ion-tab [root]="tab3Root"></ion-tab>
* </ion-tabs>
* ```
*
* Where `tab1Root`, `tab2Root`, and `tab3Root` are each a page:
*
* ```ts
* \@Component({
* templateUrl: 'build/pages/tabs/tabs.html'
* })
* export class TabsPage {
* // this tells the tabs component which Pages
* // should be each tab's root Page
* tab1Root = Page1;
* tab2Root = Page2;
* tab3Root = Page3;
*
* constructor() {
*
* }
* }
* ```
*
* By default, the first tab will be selected upon navigation to the
* Tabs page. We can change the selected tab by using `selectedIndex`
* on the `<ion-tabs>` element:
*
* ```html
* <ion-tabs selectedIndex="2">
* <ion-tab [root]="tab1Root"></ion-tab>
* <ion-tab [root]="tab2Root"></ion-tab>
* <ion-tab [root]="tab3Root"></ion-tab>
* </ion-tabs>
* ```
*
* Since the index starts at `0`, this will select the 3rd tab which has
* root set to `tab3Root`. If you wanted to change it dynamically from
* your class, you could use [property binding](https://angular.io/docs/ts/latest/guide/template-syntax.html#!#property-binding).
*
* Alternatively, you can grab the `Tabs` instance and call the `select()`
* method. This requires the `<ion-tabs>` element to have an `id`. For
* example, set the value of `id` to `myTabs`:
*
* ```html
* <ion-tabs #myTabs>
* <ion-tab [root]="tab1Root"></ion-tab>
* <ion-tab [root]="tab2Root"></ion-tab>
* <ion-tab [root]="tab3Root"></ion-tab>
* </ion-tabs>
* ```
*
* Then in your class you can grab the `Tabs` instance and call `select()`,
* passing the index of the tab as the argument. Here we're grabbing the tabs
* by using ViewChild.
*
* ```ts
* export class TabsPage {
*
* \@ViewChild('myTabs') tabRef: Tabs;
*
* ionViewDidEnter() {
* this.tabRef.select(2);
* }
*
* }
* ```
*
* You can also switch tabs from a child component by calling `select()` on the
* parent view using the `NavController` instance. For example, assuming you have
* a `TabsPage` component, you could call the following from any of the child
* components to switch to `TabsRoot3`:
*
* ```ts
* switchTabs() {
* this.navCtrl.parent.select(2);
* }
* ```
* \@demo /docs/demos/src/tabs/
*
* @see {\@link /docs/components#tabs Tabs Component Docs}
* @see {\@link ../Tab Tab API Docs}
* @see {\@link ../../config/Config Config API Docs}
*
*/
var Tabs = (function (_super) {
__extends$81(Tabs, _super);
/**
* @param {?} parent
* @param {?} viewCtrl
* @param {?} _app
* @param {?} config
* @param {?} elementRef
* @param {?} _plt
* @param {?} renderer
* @param {?} _linker
*/
function Tabs(parent, viewCtrl, _app, config, elementRef, _plt, renderer, _linker) {
var _this = _super.call(this, config, elementRef, renderer, 'tabs') || this;
_this.viewCtrl = viewCtrl;
_this._app = _app;
_this._plt = _plt;
_this._linker = _linker;
/**
* \@internal
*/
_this._ids = -1;
/**
* \@internal
*/
_this._tabs = [];
/**
* \@internal
*/
_this._selectHistory = [];
/**
* \@output {any} Emitted when the tab changes.
*/
_this.ionChange = new EventEmitter();
_this.parent = parent;
_this.id = 't' + (++tabIds);
_this._sbPadding = config.getBoolean('statusbarPadding');
_this.tabsHighlight = config.getBoolean('tabsHighlight');
if (_this.parent) {
// this Tabs has a parent Nav
_this.parent.registerChildNav(_this);
}
else if (viewCtrl && viewCtrl.getNav()) {
// this Nav was opened from a modal
_this.parent = viewCtrl.getNav();
_this.parent.registerChildNav(_this);
}
else if (_this._app) {
// this is the root navcontroller for the entire app
_this._app._setRootNav(_this);
}
// Tabs may also be an actual ViewController which was navigated to
// if Tabs is static and not navigated to within a NavController
// then skip this and don't treat it as it's own ViewController
if (viewCtrl) {
viewCtrl._setContent(_this);
viewCtrl._setContentRef(elementRef);
}
return _this;
}
/**
* @return {?}
*/
Tabs.prototype.ngOnDestroy = function () {
this._resizeObs && this._resizeObs.unsubscribe();
this.parent.unregisterChildNav(this);
};
/**
* \@internal
* @return {?}
*/
Tabs.prototype.ngAfterViewInit = function () {
var _this = this;
this._setConfig('tabsPlacement', 'bottom');
this._setConfig('tabsLayout', 'icon-top');
this._setConfig('tabsHighlight', this.tabsHighlight);
if (this.tabsHighlight) {
this._resizeObs = this._plt.resize.subscribe(function () {
_this._highlight.select(_this.getSelected());
});
}
this.initTabs();
};
/**
* \@internal
* @return {?}
*/
Tabs.prototype.initTabs = function () {
// get the selected index from the input
// otherwise default it to use the first index
var /** @type {?} */ selectedIndex = (isBlank$1(this.selectedIndex) ? 0 : parseInt(/** @type {?} */ (this.selectedIndex), 10));
// now see if the deep linker can find a tab index
var /** @type {?} */ tabsSegment = this._linker.initNav(this);
if (tabsSegment && isBlank$1(tabsSegment.component)) {
// we found a segment which probably represents which tab to select
selectedIndex = this._linker.getSelectedTabIndex(this, tabsSegment.name, selectedIndex);
}
// get the selectedIndex and ensure it isn't hidden or disabled
var /** @type {?} */ selectedTab = this._tabs.find(function (t, i) { return i === selectedIndex && t.enabled && t.show; });
if (!selectedTab) {
// wasn't able to select the tab they wanted
// try to find the first tab that's available
selectedTab = this._tabs.find(function (t) { return t.enabled && t.show; });
}
if (selectedTab) {
// we found a tab to select
// get the segment the deep linker says this tab should load with
var /** @type {?} */ pageId = null;
if (tabsSegment) {
var /** @type {?} */ selectedTabSegment = this._linker.initNav(selectedTab);
if (selectedTabSegment && selectedTabSegment.component) {
selectedTab.root = selectedTabSegment.component;
selectedTab.rootParams = selectedTabSegment.data;
pageId = selectedTabSegment.id;
}
}
this.select(selectedTab, {
id: pageId
});
}
// set the initial href attribute values for each tab
this._tabs.forEach(function (t) {
t.updateHref(t.root, t.rootParams);
});
};
/**
* \@internal
* @param {?} attrKey
* @param {?} fallback
* @return {?}
*/
Tabs.prototype._setConfig = function (attrKey, fallback) {
var /** @type {?} */ val = ((this))[attrKey];
if (isBlank$1(val)) {
val = this._config.get(attrKey, fallback);
}
this.setElementAttribute(attrKey, val);
};
/**
* @hidden
* @param {?} tab
* @return {?}
*/
Tabs.prototype.add = function (tab) {
this._tabs.push(tab);
return this.id + '-' + (++this._ids);
};
/**
* @param {?} tabOrIndex
* @param {?=} opts
* @return {?}
*/
Tabs.prototype.select = function (tabOrIndex, opts) {
var _this = this;
if (opts === void 0) { opts = {}; }
var /** @type {?} */ selectedTab = (typeof tabOrIndex === 'number' ? this.getByIndex(tabOrIndex) : tabOrIndex);
if (isBlank$1(selectedTab)) {
return;
}
// If the selected tab is the current selected tab, we do not switch
var /** @type {?} */ currentTab = this.getSelected();
if (selectedTab === currentTab) {
return this._touchActive(selectedTab);
}
// If the selected tab does not have a root, we do not switch (#9392)
// it's possible the tab is only for opening modal's or signing out
// and doesn't actually have content. In the case there's no content
// for a tab then do nothing and leave the current view as is
if (selectedTab.root) {
// At this point we are going to perform a page switch
// Let's fire willLeave in the current tab page
var /** @type {?} */ currentPage;
if (currentTab) {
currentPage = currentTab.getActive();
currentPage && currentPage._willLeave(false);
}
// Fire willEnter in the new selected tab
var /** @type {?} */ selectedPage_1 = selectedTab.getActive();
selectedPage_1 && selectedPage_1._willEnter();
// Let's start the transition
opts.animate = false;
selectedTab.load(opts, function () {
_this._tabSwitchEnd(selectedTab, selectedPage_1, currentPage);
if (opts.updateUrl !== false) {
_this._linker.navChange(DIRECTION_SWITCH);
}
(void 0) /* assert */;
_this._fireChangeEvent(selectedTab);
});
}
else {
this._fireChangeEvent(selectedTab);
}
};
/**
* @param {?} selectedTab
* @return {?}
*/
Tabs.prototype._fireChangeEvent = function (selectedTab) {
selectedTab.ionSelect.emit(selectedTab);
this.ionChange.emit(selectedTab);
};
/**
* @param {?} selectedTab
* @param {?} selectedPage
* @param {?} currentPage
* @return {?}
*/
Tabs.prototype._tabSwitchEnd = function (selectedTab, selectedPage, currentPage) {
(void 0) /* assert */;
(void 0) /* assert */;
// Update tabs selection state
var /** @type {?} */ tabs = this._tabs;
var /** @type {?} */ tab;
for (var /** @type {?} */ i = 0; i < tabs.length; i++) {
tab = tabs[i];
tab.setSelected(tab === selectedTab);
}
if (this.tabsHighlight) {
this._highlight.select(selectedTab);
}
// Fire didEnter/didLeave lifecycle events
selectedPage && selectedPage._didEnter();
currentPage && currentPage._didLeave();
// track the order of which tabs have been selected, by their index
// do not track if the tab index is the same as the previous
if (this._selectHistory[this._selectHistory.length - 1] !== selectedTab.id) {
this._selectHistory.push(selectedTab.id);
}
};
/**
* Get the previously selected Tab which is currently not disabled or hidden.
* @param {?=} trimHistory
* @return {?}
*/
Tabs.prototype.previousTab = function (trimHistory) {
var _this = this;
if (trimHistory === void 0) { trimHistory = true; }
// walk backwards through the tab selection history
// and find the first previous tab that is enabled and shown
(void 0) /* console.debug */;
for (var /** @type {?} */ i = this._selectHistory.length - 2; i >= 0; i--) {
var /** @type {?} */ tab = this._tabs.find(function (t) { return t.id === _this._selectHistory[i]; });
if (tab && tab.enabled && tab.show) {
if (trimHistory) {
this._selectHistory.splice(i + 1);
}
return tab;
}
}
return null;
};
/**
* @param {?} index
* @return {?}
*/
Tabs.prototype.getByIndex = function (index) {
return this._tabs[index];
};
/**
* @return {?}
*/
Tabs.prototype.getSelected = function () {
var /** @type {?} */ tabs = this._tabs;
for (var /** @type {?} */ i = 0; i < tabs.length; i++) {
if (tabs[i].isSelected) {
return tabs[i];
}
}
return null;
};
/**
* \@internal
* @return {?}
*/
Tabs.prototype.getActiveChildNav = function () {
return this.getSelected();
};
/**
* \@internal
* @param {?} tab
* @return {?}
*/
Tabs.prototype.getIndex = function (tab) {
return this._tabs.indexOf(tab);
};
/**
* \@internal
* @return {?}
*/
Tabs.prototype.length = function () {
return this._tabs.length;
};
/**
* "Touch" the active tab, going back to the root view of the tab
* or optionally letting the tab handle the event
* @param {?} tab
* @return {?}
*/
Tabs.prototype._touchActive = function (tab) {
var /** @type {?} */ active = tab.getActive();
if (active) {
if (active._cmp && active._cmp.instance.ionSelected) {
// if they have a custom tab selected handler, call it
active._cmp.instance.ionSelected();
}
else if (tab.length() > 1) {
// if we're a few pages deep, pop to root
tab.popToRoot().catch(function () {
(void 0) /* console.debug */;
});
}
else {
getComponent(this._linker, tab.root).then(function (viewController) {
if (viewController !== active.component) {
// Otherwise, if the page we're on is not our real root
// reset it to our default root type
return tab.setRoot(tab.root);
}
}).catch(function () {
(void 0) /* console.debug */;
});
}
}
};
/**
* \@internal
* DOM WRITE
* @param {?} top
* @param {?} bottom
* @return {?}
*/
Tabs.prototype.setTabbarPosition = function (top, bottom) {
if (this._top !== top || this._bottom !== bottom) {
var /** @type {?} */ tabbarEle = (this._tabbar.nativeElement);
tabbarEle.style.top = (top > -1 ? top + 'px' : '');
tabbarEle.style.bottom = (bottom > -1 ? bottom + 'px' : '');
tabbarEle.classList.add('show-tabbar');
this._top = top;
this._bottom = bottom;
}
};
/**
* \@internal
* @return {?}
*/
Tabs.prototype.resize = function () {
var /** @type {?} */ tab = this.getSelected();
tab && tab.resize();
};
/**
* \@internal
* @return {?}
*/
Tabs.prototype.initPane = function () {
var /** @type {?} */ isMain = this._elementRef.nativeElement.hasAttribute('main');
return isMain;
};
/**
* \@internal
* @param {?} isPane
* @return {?}
*/
Tabs.prototype.paneChanged = function (isPane) {
if (isPane) {
this.resize();
}
};
return Tabs;
}(Ion));
Tabs.decorators = [
{ type: Component, args: [{
selector: 'ion-tabs',
template: '<div class="tabbar" role="tablist" #tabbar>' +
'<a *ngFor="let t of _tabs" [tab]="t" class="tab-button" role="tab" href="#" (ionSelect)="select(t)"></a>' +
'<div class="tab-highlight"></div>' +
'</div>' +
'<ng-content></ng-content>' +
'<div #portal tab-portal></div>',
encapsulation: ViewEncapsulation.None,
providers: [{ provide: RootNode, useExisting: forwardRef(function () { return Tabs; }) }]
},] },
];
/**
* @nocollapse
*/
Tabs.ctorParameters = function () { return [
{ type: NavController, decorators: [{ type: Optional },] },
{ type: ViewController, decorators: [{ type: Optional },] },
{ type: App, },
{ type: Config, },
{ type: ElementRef, },
{ type: Platform, },
{ type: Renderer, },
{ type: DeepLinker, },
]; };
Tabs.propDecorators = {
'selectedIndex': [{ type: Input },],
'tabsLayout': [{ type: Input },],
'tabsPlacement': [{ type: Input },],
'tabsHighlight': [{ type: Input },],
'ionChange': [{ type: Output },],
'_highlight': [{ type: ViewChild, args: [TabHighlight,] },],
'_tabbar': [{ type: ViewChild, args: ['tabbar',] },],
'portal': [{ type: ViewChild, args: ['portal', { read: ViewContainerRef },] },],
};
var tabIds = -1;
var __extends$80 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* \@name Tab
* \@description
* The Tab component, written `<ion-tab>`, is styled based on the mode and should
* be used in conjunction with the [Tabs](../Tabs/) component.
*
* Each `ion-tab` is a declarative component for a [NavController](../../../navigation/NavController/).
* Basically, each tab is a `NavController`. For more information on using
* navigation controllers take a look at the [NavController API Docs](../../../navigation/NavController/).
*
* See the [Tabs API Docs](../Tabs/) for more details on configuring Tabs.
*
* \@usage
*
* To add a basic tab, you can use the following markup where the `root` property
* is the page you want to load for that tab, `tabTitle` is the optional text to
* display on the tab, and `tabIcon` is the optional [icon](../../icon/Icon/).
*
* ```html
* <ion-tabs>
* <ion-tab [root]="chatRoot" tabTitle="Chat" tabIcon="chat"></ion-tab>
* </ion-tabs>
* ```
*
* Then, in your class you can set `chatRoot` to an imported class:
*
* ```ts
* import { ChatPage } from '../chat/chat';
*
* export class Tabs {
* // here we'll set the property of chatRoot to
* // the imported class of ChatPage
* chatRoot = ChatPage;
*
* constructor() {
*
* }
* }
* ```
*
* You can also pass some parameters to the root page of the tab through
* `rootParams`. Below we pass `chatParams` to the Chat tab:
*
* ```html
* <ion-tabs>
* <ion-tab [root]="chatRoot" [rootParams]="chatParams" tabTitle="Chat" tabIcon="chat"></ion-tab>
* </ion-tabs>
* ```
*
* ```ts
* export class Tabs {
* chatRoot = ChatPage;
*
* // set some user information on chatParams
* chatParams = {
* user1: "admin",
* user2: "ionic"
* };
*
* constructor() {
*
* }
* }
* ```
*
* And in `ChatPage` you can get the data from `NavParams`:
*
* ```ts
* export class ChatPage {
* constructor(navParams: NavParams) {
* console.log("Passed params", navParams.data);
* }
* }
* ```
*
* Sometimes you may want to call a method instead of navigating to a new
* page. You can use the `(ionSelect)` event to call a method on your class when
* the tab is selected. Below is an example of presenting a modal from one of
* the tabs.
*
* ```html
* <ion-tabs>
* <ion-tab (ionSelect)="chat()" tabTitle="Show Modal"></ion-tab>
* </ion-tabs>
* ```
*
* ```ts
* export class Tabs {
* constructor(public modalCtrl: ModalController) {
*
* }
*
* chat() {
* let modal = this.modalCtrl.create(ChatPage);
* modal.present();
* }
* }
* ```
*
*
* \@demo /docs/demos/src/tabs/
* @see {\@link /docs/components#tabs Tabs Component Docs}
* @see {\@link ../../tabs/Tabs Tabs API Docs}
* @see {\@link ../../nav/Nav Nav API Docs}
* @see {\@link ../../nav/NavController NavController API Docs}
*/
var Tab = (function (_super) {
__extends$80(Tab, _super);
/**
* @param {?} parent
* @param {?} app
* @param {?} config
* @param {?} plt
* @param {?} keyboard
* @param {?} elementRef
* @param {?} zone
* @param {?} renderer
* @param {?} cfr
* @param {?} _cd
* @param {?} gestureCtrl
* @param {?} transCtrl
* @param {?} linker
* @param {?} _dom
*/
function Tab(parent, app, config, plt, keyboard, elementRef, zone, renderer, cfr, _cd, gestureCtrl, transCtrl, linker, _dom) {
var _this =
// A Tab is a NavController for its child pages
_super.call(this, parent, app, config, plt, keyboard, elementRef, zone, renderer, cfr, gestureCtrl, transCtrl, linker, _dom) || this;
_this._cd = _cd;
_this.linker = linker;
_this._dom = _dom;
/**
* @hidden
*/
_this._isEnabled = true;
/**
* @hidden
*/
_this._isShown = true;
/**
* \@output {Tab} Emitted when the current tab is selected.
*/
_this.ionSelect = new EventEmitter();
_this.id = parent.add(_this);
_this._tabsHideOnSubPages = config.getBoolean('tabsHideOnSubPages');
_this._tabId = 'tabpanel-' + _this.id;
_this._btnId = 'tab-' + _this.id;
return _this;
}
Object.defineProperty(Tab.prototype, "enabled", {
/**
* \@input {boolean} If true, enable the tab. If false,
* the user cannot interact with this element.
* Default: `true`.
* @return {?}
*/
get: function () {
return this._isEnabled;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._isEnabled = isTrueProperty(val);
},
enumerable: true,
configurable: true
});
Object.defineProperty(Tab.prototype, "show", {
/**
* \@input {boolean} If true, the tab button is visible within the
* tabbar. Default: `true`.
* @return {?}
*/
get: function () {
return this._isShown;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._isShown = isTrueProperty(val);
},
enumerable: true,
configurable: true
});
Object.defineProperty(Tab.prototype, "swipeBackEnabled", {
/**
* \@input {boolean} If true, swipe to go back is enabled.
* @return {?}
*/
get: function () {
return this._sbEnabled;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._sbEnabled = isTrueProperty(val);
},
enumerable: true,
configurable: true
});
Object.defineProperty(Tab.prototype, "tabsHideOnSubPages", {
/**
* \@input {boolean} If true, hide the tabs on child pages.
* @return {?}
*/
get: function () {
return this._tabsHideOnSubPages;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._tabsHideOnSubPages = isTrueProperty(val);
},
enumerable: true,
configurable: true
});
Object.defineProperty(Tab.prototype, "_vp", {
/**
* @hidden
* @param {?} val
* @return {?}
*/
set: function (val) {
this.setViewport(val);
},
enumerable: true,
configurable: true
});
/**
* @hidden
* @return {?}
*/
Tab.prototype.ngOnInit = function () {
this.tabBadgeStyle = this.tabBadgeStyle ? this.tabBadgeStyle : 'default';
};
/**
* @hidden
* @param {?} opts
* @param {?=} done
* @return {?}
*/
Tab.prototype.load = function (opts, done) {
var _this = this;
if (!this._loaded && this.root) {
this.setElementClass('show-tab', true);
this.push(this.root, this.rootParams, opts, done);
this._loaded = true;
}
else {
// if this is not the Tab's initial load then we need
// to refresh the tabbar and content dimensions to be sure
// they're lined up correctly
this._dom.read(function () {
_this.resize();
});
done(true);
}
};
/**
* @hidden
* @return {?}
*/
Tab.prototype.resize = function () {
var /** @type {?} */ active = this.getActive();
if (!active) {
return;
}
var /** @type {?} */ content = active.getIONContent();
content && content.resize();
};
/**
* @hidden
* @param {?} viewCtrl
* @param {?} componentRef
* @param {?} viewport
* @return {?}
*/
Tab.prototype._viewAttachToDOM = function (viewCtrl, componentRef, viewport) {
var /** @type {?} */ isTabSubPage = (this._tabsHideOnSubPages && viewCtrl.index > 0);
if (isTabSubPage) {
viewport = this.parent.portal;
}
_super.prototype._viewAttachToDOM.call(this, viewCtrl, componentRef, viewport);
if (isTabSubPage) {
// add the .tab-subpage css class to tabs pages that should act like subpages
var /** @type {?} */ pageEleRef = viewCtrl.pageRef();
if (pageEleRef) {
this._renderer.setElementClass(pageEleRef.nativeElement, 'tab-subpage', true);
}
}
};
/**
* @hidden
* @param {?} isSelected
* @return {?}
*/
Tab.prototype.setSelected = function (isSelected) {
this.isSelected = isSelected;
this.setElementClass('show-tab', isSelected);
this.setElementAttribute('aria-hidden', (!isSelected).toString());
if (isSelected) {
// this is the selected tab, detect changes
this._cd.reattach();
}
else {
// this tab is not selected, do not detect changes
this._cd.detach();
}
};
Object.defineProperty(Tab.prototype, "index", {
/**
* @hidden
* @return {?}
*/
get: function () {
return this.parent.getIndex(this);
},
enumerable: true,
configurable: true
});
/**
* @hidden
* @param {?} component
* @param {?} data
* @return {?}
*/
Tab.prototype.updateHref = function (component, data) {
if (this.btn && this.linker) {
var /** @type {?} */ href = this.linker.createUrl(this, component, data) || '#';
this.btn.updateHref(href);
}
};
/**
* @hidden
* @return {?}
*/
Tab.prototype.ngOnDestroy = function () {
this.destroy();
};
return Tab;
}(NavControllerBase));
Tab.decorators = [
{ type: Component, args: [{
selector: 'ion-tab',
template: '<div #viewport></div><div class="nav-decor"></div>',
host: {
'[attr.id]': '_tabId',
'[attr.aria-labelledby]': '_btnId',
'role': 'tabpanel'
},
encapsulation: ViewEncapsulation.None,
},] },
];
/**
* @nocollapse
*/
Tab.ctorParameters = function () { return [
{ type: Tabs, },
{ type: App, },
{ type: Config, },
{ type: Platform, },
{ type: Keyboard, },
{ type: ElementRef, },
{ type: NgZone, },
{ type: Renderer, },
{ type: ComponentFactoryResolver, },
{ type: ChangeDetectorRef, },
{ type: GestureController, },
{ type: TransitionController, },
{ type: DeepLinker, decorators: [{ type: Optional },] },
{ type: DomController, },
]; };
Tab.propDecorators = {
'root': [{ type: Input },],
'rootParams': [{ type: Input },],
'tabUrlPath': [{ type: Input },],
'tabTitle': [{ type: Input },],
'tabIcon': [{ type: Input },],
'tabBadge': [{ type: Input },],
'tabBadgeStyle': [{ type: Input },],
'enabled': [{ type: Input },],
'show': [{ type: Input },],
'swipeBackEnabled': [{ type: Input },],
'tabsHideOnSubPages': [{ type: Input },],
'ionSelect': [{ type: Output },],
'_vp': [{ type: ViewChild, args: ['viewport', { read: ViewContainerRef },] },],
};
var __extends$82 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* @hidden
*/
var TabButton = (function (_super) {
__extends$82(TabButton, _super);
/**
* @param {?} config
* @param {?} elementRef
* @param {?} renderer
*/
function TabButton(config, elementRef, renderer) {
var _this = _super.call(this, config, elementRef, renderer) || this;
_this.ionSelect = new EventEmitter();
_this.disHover = (config.get('hoverCSS') === false);
_this.layout = config.get('tabsLayout');
return _this;
}
/**
* @return {?}
*/
TabButton.prototype.ngOnInit = function () {
this.tab.btn = this;
this.layout = this.tab.parent.tabsLayout || this.layout;
this.hasTitle = !!this.tab.tabTitle;
this.hasIcon = !!this.tab.tabIcon && this.layout !== 'icon-hide';
this.hasTitleOnly = (this.hasTitle && !this.hasIcon);
this.hasIconOnly = (this.hasIcon && !this.hasTitle);
this.hasBadge = !!this.tab.tabBadge;
};
/**
* @return {?}
*/
TabButton.prototype.onClick = function () {
this.ionSelect.emit(this.tab);
return false;
};
/**
* @param {?} href
* @return {?}
*/
TabButton.prototype.updateHref = function (href) {
this.setElementAttribute('href', href);
};
return TabButton;
}(Ion));
TabButton.decorators = [
{ type: Component, args: [{
selector: '.tab-button',
template: '<ion-icon *ngIf="tab.tabIcon" [name]="tab.tabIcon" [isActive]="tab.isSelected" class="tab-button-icon"></ion-icon>' +
'<span *ngIf="tab.tabTitle" class="tab-button-text">{{tab.tabTitle}}</span>' +
'<ion-badge *ngIf="tab.tabBadge" class="tab-badge" [color]="tab.tabBadgeStyle">{{tab.tabBadge}}</ion-badge>' +
'<div class="button-effect"></div>',
host: {
'[attr.id]': 'tab._btnId',
'[attr.aria-controls]': 'tab._tabId',
'[attr.aria-selected]': 'tab.isSelected',
'[class.has-title]': 'hasTitle',
'[class.has-icon]': 'hasIcon',
'[class.has-title-only]': 'hasTitleOnly',
'[class.icon-only]': 'hasIconOnly',
'[class.has-badge]': 'hasBadge',
'[class.disable-hover]': 'disHover',
'[class.tab-disabled]': '!tab.enabled',
'[class.tab-hidden]': '!tab.show',
}
},] },
];
/**
* @nocollapse
*/
TabButton.ctorParameters = function () { return [
{ type: Config, },
{ type: ElementRef, },
{ type: Renderer, },
]; };
TabButton.propDecorators = {
'tab': [{ type: Input },],
'ionSelect': [{ type: Output },],
'onClick': [{ type: HostListener, args: ['click',] },],
};
/**
* @hidden
*/
var TabsModule = (function () {
function TabsModule() {
}
/**
* @return {?}
*/
TabsModule.forRoot = function () {
return {
ngModule: TabsModule, providers: []
};
};
return TabsModule;
}());
TabsModule.decorators = [
{ type: NgModule, args: [{
imports: [
BadgeModule,
CommonModule,
IconModule
],
declarations: [
Tab,
TabButton,
TabHighlight,
Tabs
],
exports: [
Tab,
TabButton,
TabHighlight,
Tabs
]
},] },
];
/**
* @nocollapse
*/
TabsModule.ctorParameters = function () { return []; };
/**
* \@name Thumbnail
* \@module ionic
* \@description
* A Thumbnail is a component that creates a squared image for an item.
* Thumbnails can be place on the left or right side of an item with the `item-left` or `item-right` directive.
* @see {\@link /docs/components/#thumbnail-list Thumbnail Component Docs}
*/
var Thumbnail = (function () {
function Thumbnail() {
}
return Thumbnail;
}());
Thumbnail.decorators = [
{ type: Directive, args: [{
selector: 'ion-thumbnail'
},] },
];
/**
* @nocollapse
*/
Thumbnail.ctorParameters = function () { return []; };
/**
* @hidden
*/
var ThumbnailModule = (function () {
function ThumbnailModule() {
}
/**
* @return {?}
*/
ThumbnailModule.forRoot = function () {
return {
ngModule: ThumbnailModule, providers: []
};
};
return ThumbnailModule;
}());
ThumbnailModule.decorators = [
{ type: NgModule, args: [{
declarations: [
Thumbnail
],
exports: [
Thumbnail
]
},] },
];
/**
* @nocollapse
*/
ThumbnailModule.ctorParameters = function () { return []; };
/**
* @hidden
*/
var ToastModule = (function () {
function ToastModule() {
}
/**
* @return {?}
*/
ToastModule.forRoot = function () {
return {
ngModule: ToastModule, providers: []
};
};
return ToastModule;
}());
ToastModule.decorators = [
{ type: NgModule, args: [{
imports: [
BackdropModule,
ButtonModule,
CommonModule
],
declarations: [
ToastCmp
],
exports: [
ToastCmp
],
entryComponents: [
ToastCmp
]
},] },
];
/**
* @nocollapse
*/
ToastModule.ctorParameters = function () { return []; };
var __extends$84 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* @hidden
*/
var ToggleGesture = (function (_super) {
__extends$84(ToggleGesture, _super);
/**
* @param {?} plt
* @param {?} toggle
* @param {?} gestureCtrl
* @param {?} domCtrl
*/
function ToggleGesture(plt, toggle, gestureCtrl, domCtrl) {
var _this = _super.call(this, plt, toggle.getNativeElement(), {
threshold: 0,
zone: true,
domController: domCtrl,
gesture: gestureCtrl.createGesture({
name: GESTURE_TOGGLE,
priority: GESTURE_PRIORITY_TOGGLE
})
}) || this;
_this.toggle = toggle;
return _this;
}
/**
* @param {?} ev
* @return {?}
*/
ToggleGesture.prototype.canStart = function (ev) {
return true;
};
/**
* @param {?} ev
* @return {?}
*/
ToggleGesture.prototype.onDragStart = function (ev) {
ev.preventDefault();
this.toggle._onDragStart(pointerCoord(ev).x);
};
/**
* @param {?} ev
* @return {?}
*/
ToggleGesture.prototype.onDragMove = function (ev) {
ev.preventDefault();
this.toggle._onDragMove(pointerCoord(ev).x);
};
/**
* @param {?} ev
* @return {?}
*/
ToggleGesture.prototype.onDragEnd = function (ev) {
ev.preventDefault();
this.toggle._onDragEnd(pointerCoord(ev).x);
};
return ToggleGesture;
}(PanGesture));
var __extends$83 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
var TOGGLE_VALUE_ACCESSOR = {
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(function () { return Toggle; }),
multi: true
};
/**
* \@name Toggle
* \@description
* A toggle technically is the same thing as an HTML checkbox input,
* except it looks different and is easier to use on a touch device.
* Toggles can also have colors assigned to them, by adding any color
* attribute.
*
* See the [Angular 2 Docs](https://angular.io/docs/ts/latest/guide/forms.html)
* for more info on forms and inputs.
*
* \@usage
* ```html
*
* <ion-list>
*
* <ion-item>
* <ion-label>Pepperoni</ion-label>
* <ion-toggle [(ngModel)]="pepperoni"></ion-toggle>
* </ion-item>
*
* <ion-item>
* <ion-label>Sausage</ion-label>
* <ion-toggle [(ngModel)]="sausage" disabled="true"></ion-toggle>
* </ion-item>
*
* <ion-item>
* <ion-label>Mushrooms</ion-label>
* <ion-toggle [(ngModel)]="mushrooms"></ion-toggle>
* </ion-item>
*
* </ion-list>
* ```
*
* \@demo /docs/demos/src/toggle/
* @see {\@link /docs/components#toggle Toggle Component Docs}
*/
var Toggle = (function (_super) {
__extends$83(Toggle, _super);
/**
* @param {?} _form
* @param {?} config
* @param {?} _plt
* @param {?} elementRef
* @param {?} renderer
* @param {?} _haptic
* @param {?} _item
* @param {?} _gestureCtrl
* @param {?} _domCtrl
* @param {?} _cd
*/
function Toggle(_form, config, _plt, elementRef, renderer, _haptic, _item, _gestureCtrl, _domCtrl, _cd) {
var _this = _super.call(this, config, elementRef, renderer, 'toggle') || this;
_this._form = _form;
_this._plt = _plt;
_this._haptic = _haptic;
_this._item = _item;
_this._gestureCtrl = _gestureCtrl;
_this._domCtrl = _domCtrl;
_this._cd = _cd;
_this._checked = false;
_this._init = false;
_this._disabled = false;
_this._activated = false;
_this._msPrv = 0;
_this._fn = null;
/**
* \@output {Toggle} Emitted when the toggle value changes.
*/
_this.ionChange = new EventEmitter();
_form.register(_this);
if (_item) {
_this.id = 'tgl-' + _item.registerInput('toggle');
_this._labelId = 'lbl-' + _item.id;
_this._item.setElementClass('item-toggle', true);
}
return _this;
}
/**
* @hidden
* @return {?}
*/
Toggle.prototype.ngAfterContentInit = function () {
this._init = true;
this._gesture = new ToggleGesture(this._plt, this, this._gestureCtrl, this._domCtrl);
this._gesture.listen();
};
/**
* @hidden
* @param {?} startX
* @return {?}
*/
Toggle.prototype._onDragStart = function (startX) {
(void 0) /* assert */;
(void 0) /* console.debug */;
this._startX = startX;
this._activated = true;
};
/**
* @hidden
* @param {?} currentX
* @return {?}
*/
Toggle.prototype._onDragMove = function (currentX) {
if (!this._startX) {
(void 0) /* assert */;
return;
}
(void 0) /* console.debug */;
if (this._checked) {
if (currentX + 15 < this._startX) {
this.onChange(false);
this._haptic.selection();
this._startX = currentX;
this._activated = true;
}
}
else if (currentX - 15 > this._startX) {
this.onChange(true);
this._haptic.selection();
this._startX = currentX;
this._activated = (currentX < this._startX + 5);
}
};
/**
* @hidden
* @param {?} endX
* @return {?}
*/
Toggle.prototype._onDragEnd = function (endX) {
if (!this._startX) {
(void 0) /* assert */;
return;
}
(void 0) /* console.debug */;
if (this.checked) {
if (this._startX + 4 > endX) {
this.onChange(false);
this._haptic.selection();
}
}
else if (this._startX - 4 < endX) {
this.onChange(true);
this._haptic.selection();
}
this._activated = false;
this._startX = null;
};
Object.defineProperty(Toggle.prototype, "checked", {
/**
* \@input {boolean} If true, the element is selected.
* @return {?}
*/
get: function () {
return this._checked;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._setChecked(isTrueProperty(val));
this.onChange(this._checked);
},
enumerable: true,
configurable: true
});
/**
* @hidden
* @param {?} isChecked
* @return {?}
*/
Toggle.prototype._setChecked = function (isChecked) {
if (isChecked !== this._checked) {
this._checked = isChecked;
if (this._init) {
this.ionChange.emit(this);
}
this._item && this._item.setElementClass('item-toggle-checked', isChecked);
}
};
/**
* @hidden
* @param {?} val
* @return {?}
*/
Toggle.prototype.writeValue = function (val) {
this._setChecked(isTrueProperty(val));
};
/**
* @hidden
* @param {?} fn
* @return {?}
*/
Toggle.prototype.registerOnChange = function (fn) {
this._fn = fn;
};
/**
* @hidden
* @param {?} fn
* @return {?}
*/
Toggle.prototype.registerOnTouched = function (fn) {
this.onTouched = fn;
};
Object.defineProperty(Toggle.prototype, "disabled", {
/**
* \@input {boolean} If true, the user cannot interact with this element.
* @return {?}
*/
get: function () {
return this._disabled;
},
/**
* @param {?} val
* @return {?}
*/
set: function (val) {
this._disabled = isTrueProperty(val);
this._item && this._item.setElementClass('item-toggle-disabled', this._disabled);
},
enumerable: true,
configurable: true
});
/**
* @hidden
* @param {?} isChecked
* @return {?}
*/
Toggle.prototype.onChange = function (isChecked) {
// used when this input does not have an ngModel or formControlName
(void 0) /* console.debug */;
this._fn && this._fn(isChecked);
this._setChecked(isChecked);
this.onTouched();
this._cd.detectChanges();
};
/**
* @hidden
* @return {?}
*/
Toggle.prototype.onTouched = function () { };
/**
* @hidden
* @param {?} ev
* @return {?}
*/
Toggle.prototype._keyup = function (ev) {
if (ev.keyCode === KEY_SPACE || ev.keyCode === KEY_ENTER) {
(void 0) /* console.debug */;
ev.preventDefault();
ev.stopPropagation();
this.onChange(!this._checked);
}
};
/**
* @hidden
* @return {?}
*/
Toggle.prototype.initFocus = function () {
this._elementRef.nativeElement.querySelector('button').focus();
};
/**
* @hidden
* @param {?} isDisabled
* @return {?}
*/
Toggle.prototype.setDisabledState = function (isDisabled) {
this.disabled = isDisabled;
};
/**
* @hidden
* @return {?}
*/
Toggle.prototype.ngOnDestroy = function () {
this._form && this._form.deregister(this);
this._gesture && this._gesture.destroy();
this._fn = null;
};
return Toggle;
}(Ion));
Toggle.decorators = [
{ type: Component, args: [{
selector: 'ion-toggle',
template: '<div class="toggle-icon" [class.toggle-checked]="_checked" [class.toggle-activated]="_activated">' +
'<div class="toggle-inner"></div>' +
'</div>' +
'<button role="checkbox" ' +
'type="button" ' +
'ion-button="item-cover" ' +
'[id]="id" ' +
'[attr.aria-checked]="_checked" ' +
'[attr.aria-labelledby]="_labelId" ' +
'[attr.aria-disabled]="_disabled" ' +
'class="item-cover">' +
'</button>',
host: {
'[class.toggle-disabled]': '_disabled'
},
providers: [TOGGLE_VALUE_ACCESSOR],
encapsulation: ViewEncapsulation.None,
},] },
];
/**
* @nocollapse
*/
Toggle.ctorParameters = function () { return [
{ type: Form, },
{ type: Config, },
{ type: Platform, },
{ type: ElementRef, },
{ type: Renderer, },
{ type: Haptic, },
{ type: Item, decorators: [{ type: Optional },] },
{ type: GestureController, },
{ type: DomController, },
{ type: ChangeDetectorRef, },
]; };
Toggle.propDecorators = {
'ionChange': [{ type: Output },],
'checked': [{ type: Input },],
'disabled': [{ type: Input },],
'_keyup': [{ type: HostListener, args: ['keyup', ['$event'],] },],
};
/**
* @hidden
*/
var ToggleModule = (function () {
function ToggleModule() {
}
/**
* @return {?}
*/
ToggleModule.forRoot = function () {
return {
ngModule: ToggleModule, providers: []
};
};
return ToggleModule;
}());
ToggleModule.decorators = [
{ type: NgModule, args: [{
declarations: [
Toggle
],
exports: [
Toggle
]
},] },
];
/**
* @nocollapse
*/
ToggleModule.ctorParameters = function () { return []; };
var __extends$85 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* \@name Footer
* \@description
* Footer is a root component of a page that sits at the bottom of the page.
* Footer can be a wrapper for `ion-toolbar` to make sure the content area is sized correctly.
*
* \@usage
*
* ```html
* <ion-content></ion-content>
*
* <ion-footer>
* <ion-toolbar>
* <ion-title>Footer</ion-title>
* </ion-toolbar>
* </ion-footer>
* ```
*
*/
var Footer = (function (_super) {
__extends$85(Footer, _super);
/**
* @param {?} config
* @param {?} elementRef
* @param {?} renderer
* @param {?} viewCtrl
*/
function Footer(config, elementRef, renderer, viewCtrl) {
var _this = _super.call(this, config, elementRef, renderer, 'footer') || this;
viewCtrl && viewCtrl._setFooter(_this);
return _this;
}
return Footer;
}(Ion));
Footer.decorators = [
{ type: Directive, args: [{
selector: 'ion-footer'
},] },
];
/**
* @nocollapse
*/
Footer.ctorParameters = function () { return [
{ type: Config, },
{ type: ElementRef, },
{ type: Renderer, },
{ type: ViewController, decorators: [{ type: Optional },] },
]; };
var __extends$86 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* \@name Header
* \@description
* Header is a parent component that holds the navbar and toolbar component.
* It's important to note that `ion-header` needs to be the one of the three root elements of a page
*
* \@usage
*
* ```html
* <ion-header>
* <ion-navbar>
* <ion-title>Page1</ion-title>
* </ion-navbar>
*
* <ion-toolbar>
* <ion-title>Subheader</ion-title>
* </ion-toolbar>
* </ion-header>
*
* <ion-content></ion-content>
* ```
*
*/
var Header = (function (_super) {
__extends$86(Header, _super);
/**
* @param {?} config
* @param {?} elementRef
* @param {?} renderer
* @param {?} viewCtrl
*/
function Header(config, elementRef, renderer, viewCtrl) {
var _this = _super.call(this, config, elementRef, renderer, 'header') || this;
viewCtrl && viewCtrl._setHeader(_this);
return _this;
}
return Header;
}(Ion));
Header.decorators = [
{ type: Directive, args: [{
selector: 'ion-header'
},] },
];
/**
* @nocollapse
*/
Header.ctorParameters = function () { return [
{ type: Config, },
{ type: ElementRef, },
{ type: Renderer, },
{ type: ViewController, decorators: [{ type: Optional },] },
]; };
var __extends$87 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* \@name Toolbar
* \@description
* A Toolbar is a generic bar that is positioned above or below content.
* Unlike a [Navbar](../../navbar/Navbar), a toolbar can be used as a subheader.
* When toolbars are placed within an `<ion-header>` or `<ion-footer>`,
* the toolbars stay fixed in their respective location. When placed within
* `<ion-content>`, toolbars will scroll with the content.
*
*
* ### Buttons in a Toolbar
* Buttons placed in a toolbar should be placed inside of the `<ion-buttons>`
* element. An exception to this is a [menuToggle](../../menu/MenuToggle) button.
* It should not be placed inside of the `<ion-buttons>` element. Both the
* `<ion-buttons>` element and the `menuToggle` can be positioned inside of the
* toolbar using different properties. The below chart has a description of each
* property.
*
* | Property | Description |
* |-------------|-----------------------------------------------------------------------------------------------------------------------|
* | `start` | Positions element to the left of the content in `ios` mode, and directly to the right in `md` and `wp` mode. |
* | `end` | Positions element to the right of the content in `ios` mode, and to the far right in `md` and `wp` mode. |
* | `left` | Positions element to the left of all other elements. |
* | `right` | Positions element to the right of all other elements. |
*
*
* ### Header / Footer Box Shadow and Border
* In `md` mode, the `<ion-header>` will receive a box-shadow on the bottom, and the
* `<ion-footer>` will receive a box-shadow on the top. In `ios` mode, the `<ion-header>`
* will receive a border on the bottom, and the `<ion-footer>` will receive a border on the
* top. Both the `md` box-shadow and the `ios` border can be removed by adding the `no-border`
* attribute to the element.
*
* ```html
* <ion-header no-border>
* <ion-toolbar>
* <ion-title>Header</ion-title>
* </ion-toolbar>
* </ion-header>
*
* <ion-content>
* </ion-content>
*
* <ion-footer no-border>
* <ion-toolbar>
* <ion-title>Footer</ion-title>
* </ion-toolbar>
* </ion-footer>
* ```
*
* \@usage
*
* ```html
*
* <ion-header no-border>
*
* <ion-toolbar>
* <ion-title>My Toolbar Title</ion-title>
* </ion-toolbar>
*
* <ion-toolbar>
* <ion-title>I'm a subheader</ion-title>
* </ion-toolbar>
*
* <ion-header>
*
*
* <ion-content>
*
* <ion-toolbar>
* <ion-title>Scrolls with the content</ion-title>
* </ion-toolbar>
*
* </ion-content>
*
*
* <ion-footer no-border>
*
* <ion-toolbar>
* <ion-title>I'm a footer</ion-title>
* </ion-toolbar>
*
* </ion-footer>
* ```
*
* \@demo /docs/demos/src/toolbar/
* @see {\@link ../../navbar/Navbar/ Navbar API Docs}
*/
var Toolbar = (function (_super) {
__extends$87(Toolbar, _super);
/**
* @param {?} viewCtrl
* @param {?} config
* @param {?} elementRef
* @param {?} renderer
*/
function Toolbar(viewCtrl, config, elementRef, renderer) {
var _this = _super.call(this, config, elementRef, renderer) || this;
_this._sbPadding = config.getBoolean('statusbarPadding');
return _this;
}
return Toolbar;
}(ToolbarBase));
Toolbar.decorators = [
{ type: Component, args: [{
selector: 'ion-toolbar',
template: '<div class="toolbar-background" [ngClass]="\'toolbar-background-\' + _mode"></div>' +
'<ng-content select="[menuToggle],ion-buttons[left]"></ng-content>' +
'<ng-content select="ion-buttons[start]"></ng-content>' +
'<ng-content select="ion-buttons[end],ion-buttons[right]"></ng-content>' +
'<div class="toolbar-content" [ngClass]="\'toolbar-content-\' + _mode">' +
'<ng-content></ng-content>' +
'</div>',
host: {
'class': 'toolbar',
'[class.statusbar-padding]': '_sbPadding'
},
changeDetection: ChangeDetectionStrategy.OnPush,
},] },
];
/**
* @nocollapse
*/
Toolbar.ctorParameters = function () { return [
{ type: ViewController, decorators: [{ type: Optional },] },
{ type: Config, },
{ type: ElementRef, },
{ type: Renderer, },
]; };
var __extends$88 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* @hidden
*/
var ToolbarItem = (function (_super) {
__extends$88(ToolbarItem, _super);
/**
* @param {?} config
* @param {?} elementRef
* @param {?} renderer
* @param {?} toolbar
* @param {?} navbar
*/
function ToolbarItem(config, elementRef, renderer, toolbar, navbar) {
var _this = _super.call(this, config, elementRef, renderer, 'bar-buttons') || this;
_this.inToolbar = !!(toolbar || navbar);
return _this;
}
Object.defineProperty(ToolbarItem.prototype, "_buttons", {
/**
* @param {?} buttons
* @return {?}
*/
set: function (buttons) {
if (this.inToolbar) {
buttons.forEach(function (button) {
button.setRole('bar-button');
});
}
},
enumerable: true,
configurable: true
});
return ToolbarItem;
}(Ion));
ToolbarItem.decorators = [
{ type: Directive, args: [{
selector: 'ion-buttons,[menuToggle]'
},] },
];
/**
* @nocollapse
*/
ToolbarItem.ctorParameters = function () { return [
{ type: Config, },
{ type: ElementRef, },
{ type: Renderer, },
{ type: Toolbar, decorators: [{ type: Optional },] },
{ type: Navbar, decorators: [{ type: Optional }, { type: Inject, args: [forwardRef(function () { return Navbar; }),] },] },
]; };
ToolbarItem.propDecorators = {
'_buttons': [{ type: ContentChildren, args: [Button,] },],
};
var __extends$89 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* \@name Title
* \@description
* `ion-title` is a component that sets the title of the `Toolbar` or `Navbar`
*
* \@usage
*
* ```html
* <ion-header>
*
* <ion-navbar>
* <ion-title>Settings</ion-title>
* </ion-navbar>
*
* </ion-header>
* ```
*
* Or to create a navbar with a toolbar as a subheader:
*
* ```html
* <ion-header>
*
* <ion-navbar>
* <ion-title>Main Header</ion-title>
* </ion-navbar>
*
* <ion-toolbar>
* <ion-title>Subheader</ion-title>
* </ion-toolbar>
*
* </ion-header>
* ```
*
* \@demo /docs/demos/src/title/
*/
var ToolbarTitle = (function (_super) {
__extends$89(ToolbarTitle, _super);
/**
* @param {?} config
* @param {?} elementRef
* @param {?} renderer
* @param {?} toolbar
* @param {?} navbar
*/
function ToolbarTitle(config, elementRef, renderer, toolbar, navbar) {
var _this = _super.call(this, config, elementRef, renderer, 'title') || this;
toolbar && toolbar._setTitle(_this);
navbar && navbar._setTitle(_this);
return _this;
}
/**
* @hidden
* @return {?}
*/
ToolbarTitle.prototype.getTitleText = function () {
return this._elementRef.nativeElement.textContent;
};
return ToolbarTitle;
}(Ion));
ToolbarTitle.decorators = [
{ type: Component, args: [{
selector: 'ion-title',
template: '<div class="toolbar-title" [ngClass]="\'toolbar-title-\' + _mode">' +
'<ng-content></ng-content>' +
'</div>',
changeDetection: ChangeDetectionStrategy.OnPush,
encapsulation: ViewEncapsulation.None,
},] },
];
/**
* @nocollapse
*/
ToolbarTitle.ctorParameters = function () { return [
{ type: Config, },
{ type: ElementRef, },
{ type: Renderer, },
{ type: Toolbar, decorators: [{ type: Optional },] },
{ type: Navbar, decorators: [{ type: Optional }, { type: Inject, args: [forwardRef(function () { return Navbar; }),] },] },
]; };
/**
* @hidden
*/
var ToolbarModule = (function () {
function ToolbarModule() {
}
/**
* @return {?}
*/
ToolbarModule.forRoot = function () {
return {
ngModule: ToolbarModule, providers: []
};
};
return ToolbarModule;
}());
ToolbarModule.decorators = [
{ type: NgModule, args: [{
imports: [
CommonModule
],
declarations: [
Footer,
Header,
Toolbar,
ToolbarItem,
ToolbarTitle
],
exports: [
Footer,
Header,
Toolbar,
ToolbarItem,
ToolbarTitle
]
},] },
];
/**
* @nocollapse
*/
ToolbarModule.ctorParameters = function () { return []; };
var __extends$90 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* \@name Typography
* \@module ionic
* \@description
*
* The Typography component is a simple component that can be used to style the text color of any element.
* The `ion-text` attribute should be added to the element in order to pass a color from the Sass `$colors`
* map and change the text color of that element.
*
* \@usage
*
* ```html
* <h1 ion-text color="secondary">H1: The quick brown fox jumps over the lazy dog</h1>
*
* <h2 ion-text color="primary">H2: The quick brown fox jumps over the lazy dog</h2>
*
* <h3 ion-text color="light">H3: The quick brown fox jumps over the lazy dog</h3>
*
* <h4 ion-text color="danger">H4: The quick brown fox jumps over the lazy dog</h4>
*
* <h5 ion-text color="dark">H5: The quick brown fox jumps over the lazy dog</h5>
*
* <h6 ion-text [color]="dynamicColor">H6: The quick brown fox jumps over the lazy dog</h6>
*
* <p>
* I saw a werewolf with a Chinese menu in his hand.
* Walking through the <sub ion-text color="danger">streets</sub> of Soho in the rain.
* He <i ion-text color="primary">was</i> looking for a place called Lee Ho Fook's.
* Gonna get a <a ion-text color="secondary">big dish of beef chow mein.</a>
* </p>
*
* <p>
* He's the hairy-handed gent who ran amuck in Kent.
* Lately he's <sup ion-text color="primary">been</sup> overheard in Mayfair.
* Better stay away from him.
* He'll rip your lungs out, Jim.
* I'd like to meet his tailor.
* </p>
* ```
*
*/
var Typography = (function (_super) {
__extends$90(Typography, _super);
/**
* @param {?} config
* @param {?} elementRef
* @param {?} renderer
*/
function Typography(config, elementRef, renderer) {
return _super.call(this, config, elementRef, renderer, 'text') || this;
}
return Typography;
}(Ion));
Typography.decorators = [
{ type: Directive, args: [{
selector: '[ion-text]'
},] },
];
/**
* @nocollapse
*/
Typography.ctorParameters = function () { return [
{ type: Config, },
{ type: ElementRef, },
{ type: Renderer, },
]; };
/**
* @hidden
*/
var TypographyModule = (function () {
function TypographyModule() {
}
/**
* @return {?}
*/
TypographyModule.forRoot = function () {
return {
ngModule: TypographyModule, providers: []
};
};
return TypographyModule;
}());
TypographyModule.decorators = [
{ type: NgModule, args: [{
declarations: [
Typography
],
exports: [
Typography
]
},] },
];
/**
* @nocollapse
*/
TypographyModule.ctorParameters = function () { return []; };
/**
* @hidden
*/
var VirtualFooter = (function () {
/**
* @param {?} templateRef
*/
function VirtualFooter(templateRef) {
this.templateRef = templateRef;
}
return VirtualFooter;
}());
VirtualFooter.decorators = [
{ type: Directive, args: [{ selector: '[virtualFooter]' },] },
];
/**
* @nocollapse
*/
VirtualFooter.ctorParameters = function () { return [
{ type: TemplateRef, },
]; };
/**
* @hidden
*/
var VirtualHeader = (function () {
/**
* @param {?} templateRef
*/
function VirtualHeader(templateRef) {
this.templateRef = templateRef;
}
return VirtualHeader;
}());
VirtualHeader.decorators = [
{ type: Directive, args: [{ selector: '[virtualHeader]' },] },
];
/**
* @nocollapse
*/
VirtualHeader.ctorParameters = function () { return [
{ type: TemplateRef, },
]; };
/**
* @hidden
*/
var VirtualItem = (function () {
/**
* @param {?} templateRef
* @param {?} viewContainer
*/
function VirtualItem(templateRef, viewContainer) {
this.templateRef = templateRef;
this.viewContainer = viewContainer;
}
return VirtualItem;
}());
VirtualItem.decorators = [
{ type: Directive, args: [{ selector: '[virtualItem]' },] },
];
/**
* @nocollapse
*/
VirtualItem.ctorParameters = function () { return [
{ type: TemplateRef, },
{ type: ViewContainerRef, },
]; };
var PREVIOUS_CELL = {
row: 0,
width: 0,
height: 0,
top: 0,
left: 0,
tmpl: -1
};
/**
* NO DOM
* @param {?} stopAtHeight
* @param {?} records
* @param {?} cells
* @param {?} headerFn
* @param {?} footerFn
* @param {?} data
* @return {?}
*/
function processRecords(stopAtHeight, records, cells, headerFn, footerFn, data) {
var /** @type {?} */ record;
var /** @type {?} */ startRecordIndex;
var /** @type {?} */ previousCell;
var /** @type {?} */ tmpData;
var /** @type {?} */ lastRecordIndex = (records.length - 1);
if (cells.length) {
// we already have cells
previousCell = cells[cells.length - 1];
if (previousCell.top + previousCell.height > stopAtHeight) {
return;
}
startRecordIndex = (previousCell.record + 1);
}
else {
// no cells have been created yet
previousCell = PREVIOUS_CELL;
startRecordIndex = 0;
}
var /** @type {?} */ processedTotal = 0;
for (var /** @type {?} */ recordIndex = startRecordIndex; recordIndex <= lastRecordIndex; recordIndex++) {
record = records[recordIndex];
if (headerFn) {
tmpData = headerFn(record, recordIndex, records);
if (tmpData !== null) {
// add header data
previousCell = addCell(previousCell, recordIndex, TEMPLATE_HEADER, tmpData, data.hdrWidth, data.hdrHeight, data.viewWidth);
cells.push(previousCell);
}
}
// add item data
previousCell = addCell(previousCell, recordIndex, TEMPLATE_ITEM, null, data.itmWidth, data.itmHeight, data.viewWidth);
cells.push(previousCell);
if (footerFn) {
tmpData = footerFn(record, recordIndex, records);
if (tmpData !== null) {
// add footer data
previousCell = addCell(previousCell, recordIndex, TEMPLATE_FOOTER, tmpData, data.ftrWidth, data.ftrHeight, data.viewWidth);
cells.push(previousCell);
}
}
if (previousCell.record === lastRecordIndex) {
previousCell.isLast = true;
}
// should always process at least 3 records
processedTotal++;
if (previousCell.top + previousCell.height + data.itmHeight > stopAtHeight && processedTotal > 3) {
return;
}
}
}
/**
* @param {?} previousCell
* @param {?} recordIndex
* @param {?} tmpl
* @param {?} tmplData
* @param {?} cellWidth
* @param {?} cellHeight
* @param {?} viewportWidth
* @return {?}
*/
function addCell(previousCell, recordIndex, tmpl, tmplData, cellWidth, cellHeight, viewportWidth) {
var /** @type {?} */ newCell;
if (previousCell.left + previousCell.width + cellWidth > viewportWidth) {
// add a new cell in a new row
newCell = {
record: recordIndex,
tmpl: tmpl,
row: (previousCell.row + 1),
width: cellWidth,
height: cellHeight,
top: (previousCell.top + previousCell.height),
left: 0,
reads: 0,
};
}
else {
// add a new cell in the same row
newCell = {
record: recordIndex,
tmpl: tmpl,
row: previousCell.row,
width: cellWidth,
height: cellHeight,
top: previousCell.top,
left: (previousCell.left + previousCell.width),
reads: 0,
};
}
if (tmplData) {
newCell.data = tmplData;
}
return newCell;
}
/**
* NO DOM
* @param {?} startCellIndex
* @param {?} endCellIndex
* @param {?} viewportWidth
* @param {?} scrollingDown
* @param {?} cells
* @param {?} records
* @param {?} nodes
* @param {?} viewContainer
* @param {?} itmTmp
* @param {?} hdrTmp
* @param {?} ftrTmp
* @param {?} initialLoad
* @return {?}
*/
function populateNodeData(startCellIndex, endCellIndex, viewportWidth, scrollingDown, cells, records, nodes, viewContainer, itmTmp, hdrTmp, ftrTmp, initialLoad) {
var /** @type {?} */ recordsLength = records.length;
if (!recordsLength) {
nodes.length = 0;
return true;
}
var /** @type {?} */ hasChanges = false;
var /** @type {?} */ node;
var /** @type {?} */ availableNode;
var /** @type {?} */ cell;
var /** @type {?} */ isAlreadyRendered;
var /** @type {?} */ viewInsertIndex = null;
var /** @type {?} */ totalNodes = nodes.length;
var /** @type {?} */ templateRef;
startCellIndex = Math.max(startCellIndex, 0);
endCellIndex = Math.min(endCellIndex, cells.length - 1);
for (var /** @type {?} */ cellIndex = startCellIndex; cellIndex <= endCellIndex; cellIndex++) {
cell = cells[cellIndex];
availableNode = null;
isAlreadyRendered = false;
// find the first one that's available
if (!initialLoad) {
for (var /** @type {?} */ i = 0; i < totalNodes; i++) {
node = nodes[i];
if (cell.tmpl !== node.tmpl || i === 0 && cellIndex !== 0) {
// the cell must use the correct template
// first node can only be used by the first cell (css :first-child reasons)
// this node is never available to be reused
continue;
}
if (node.cell === cellIndex) {
isAlreadyRendered = true;
break;
}
if (node.cell < startCellIndex || node.cell > endCellIndex) {
if (!availableNode) {
// havent gotten an available node yet
availableNode = nodes[i];
}
else if (scrollingDown) {
// scrolling down
if (node.cell < availableNode.cell) {
availableNode = nodes[i];
}
}
else {
// scrolling up
if (node.cell > availableNode.cell) {
availableNode = nodes[i];
}
}
}
}
if (isAlreadyRendered) {
continue;
}
}
if (!availableNode) {
// did not find an available node to put the cell data into
// insert a new node before the last record nodes
if (viewInsertIndex === null) {
viewInsertIndex = -1;
for (var /** @type {?} */ j = totalNodes - 1; j >= 0; j--) {
node = nodes[j];
if (node) {
viewInsertIndex = viewContainer.indexOf(node.view);
break;
}
}
}
// select which templateRef should be used for this cell
templateRef = cell.tmpl === TEMPLATE_HEADER ? hdrTmp : cell.tmpl === TEMPLATE_FOOTER ? ftrTmp : itmTmp;
if (!templateRef) {
console.error("virtual" + (cell.tmpl === TEMPLATE_HEADER ? 'Header' : cell.tmpl === TEMPLATE_FOOTER ? 'Footer' : 'Item') + " template required");
continue;
}
availableNode = {
tmpl: cell.tmpl,
view: viewContainer.createEmbeddedView(templateRef, new VirtualContext(null, null, null), viewInsertIndex)
};
totalNodes = nodes.push(availableNode);
}
// assign who's the new cell index for this node
availableNode.cell = cellIndex;
// apply the cell's data to this node
availableNode.view.context.$implicit = cell.data || records[cell.record];
availableNode.view.context.index = cellIndex;
availableNode.view.context.count = recordsLength;
availableNode.hasChanges = true;
availableNode.lastTransform = null;
hasChanges = true;
}
return hasChanges;
}
/**
* DOM READ
* @param {?} plt
* @param {?} nodes
* @param {?} cells
* @param {?} data
* @return {?}
*/
function initReadNodes(plt, nodes, cells, data) {
if (nodes.length && cells.length) {
// first node
// ******** DOM READ ****************
var /** @type {?} */ ele = getElement(nodes[0]);
var /** @type {?} */ firstCell = cells[0];
firstCell.top = ele.clientTop;
firstCell.left = ele.clientLeft;
firstCell.row = 0;
// ******** DOM READ ****************
updateDimensions(plt, nodes, cells, data, true);
}
}
/**
* DOM READ
* @param {?} plt
* @param {?} nodes
* @param {?} cells
* @param {?} data
* @param {?} initialUpdate
* @return {?}
*/
function updateDimensions(plt, nodes, cells, data, initialUpdate) {
var /** @type {?} */ node;
var /** @type {?} */ element;
var /** @type {?} */ cell;
var /** @type {?} */ previousCell;
var /** @type {?} */ totalCells = cells.length;
for (var /** @type {?} */ i = 0; i < nodes.length; i++) {
node = nodes[i];
cell = cells[node.cell];
// read element dimensions if they haven't been checked enough times
if (cell && cell.reads < REQUIRED_DOM_READS) {
element = getElement(node);
// ******** DOM READ ****************
readElements(plt, cell, element);
if (initialUpdate) {
// update estimated dimensions with more accurate dimensions
if (cell.tmpl === TEMPLATE_HEADER) {
data.hdrHeight = cell.height;
if (cell.left === 0) {
data.hdrWidth = cell.width;
}
}
else if (cell.tmpl === TEMPLATE_FOOTER) {
data.ftrHeight = cell.height;
if (cell.left === 0) {
data.ftrWidth = cell.width;
}
}
else {
data.itmHeight = cell.height;
if (cell.left === 0) {
data.itmWidth = cell.width;
}
}
}
cell.reads++;
}
}
// figure out which cells are currently viewable within the viewport
var /** @type {?} */ viewableBottom = (data.scrollTop + data.viewHeight);
data.topViewCell = totalCells;
data.bottomViewCell = 0;
if (totalCells > 0) {
// completely realign position to ensure they're all accurately placed
cell = cells[0];
previousCell = {
row: 0,
width: 0,
height: 0,
top: cell.top,
left: 0,
tmpl: -1
};
for (var /** @type {?} */ i = 0; i < totalCells; i++) {
cell = cells[i];
if (previousCell.left + previousCell.width + cell.width > data.viewWidth) {
// new row
cell.row++;
cell.top = (previousCell.top + previousCell.height);
cell.left = 0;
}
else {
// same row
cell.row = previousCell.row;
cell.top = previousCell.top;
cell.left = (previousCell.left + previousCell.width);
}
// figure out which cells are viewable within the viewport
if (cell.top + cell.height > data.scrollTop && i < data.topViewCell) {
data.topViewCell = i;
}
else if (cell.top < viewableBottom && i > data.bottomViewCell) {
data.bottomViewCell = i;
}
previousCell = cell;
}
}
}
/**
* @param {?} nodes
* @param {?} cells
* @param {?} data
* @return {?}
*/
function updateNodeContext(nodes, cells, data) {
// ensure each node has the correct bounds in its context
var /** @type {?} */ node;
var /** @type {?} */ cell;
var /** @type {?} */ bounds;
for (var /** @type {?} */ i = 0, /** @type {?} */ ilen = nodes.length; i < ilen; i++) {
node = nodes[i];
cell = cells[node.cell];
if (node && cell) {
bounds = node.view.context.bounds;
bounds.top = cell.top + data.viewTop;
bounds.bottom = bounds.top + cell.height;
bounds.left = cell.left + data.viewLeft;
bounds.right = bounds.left + cell.width;
bounds.width = cell.width;
bounds.height = cell.height;
}
}
}
/**
* DOM READ
* @param {?} plt
* @param {?} cell
* @param {?} element
* @return {?}
*/
function readElements(plt, cell, element) {
// ******** DOM READ ****************
var /** @type {?} */ styles = plt.getElementComputedStyle(/** @type {?} */ (element));
// ******** DOM READ ****************
cell.left = (element.clientLeft - parseFloat(styles.marginLeft));
// ******** DOM READ ****************
cell.width = (element.offsetWidth + parseFloat(styles.marginLeft) + parseFloat(styles.marginRight));
// ******** DOM READ ****************
cell.height = (element.offsetHeight + parseFloat(styles.marginTop) + parseFloat(styles.marginBottom));
}
/**
* DOM WRITE
* @param {?} plt
* @param {?} nodes
* @param {?} cells
* @param {?} totalRecords
* @return {?}
*/
function writeToNodes(plt, nodes, cells, totalRecords) {
var /** @type {?} */ node;
var /** @type {?} */ element;
var /** @type {?} */ cell;
var /** @type {?} */ transform;
var /** @type {?} */ totalCells = Math.max(totalRecords, cells.length);
for (var /** @type {?} */ i = 0, /** @type {?} */ ilen = nodes.length; i < ilen; i++) {
node = nodes[i];
cell = cells[node.cell];
transform = "translate3d(" + cell.left + "px," + cell.top + "px,0px)";
if (node.lastTransform !== transform) {
element = getElement(node);
if (element) {
// ******** DOM WRITE ****************
element.style[plt.Css.transform] = node.lastTransform = transform;
// ******** DOM WRITE ****************
element.classList.add('virtual-position');
// https://www.w3.org/TR/wai-aria/states_and_properties#aria-posinset
// ******** DOM WRITE ****************
element.setAttribute('aria-posinset', node.cell + 1);
// https://www.w3.org/TR/wai-aria/states_and_properties#aria-setsize
// ******** DOM WRITE ****************
element.setAttribute('aria-setsize', totalCells);
}
}
}
}
/**
* NO DOM
* @param {?} cells
* @param {?} data
* @return {?}
*/
function adjustRendered(cells, data) {
// figure out which cells should be rendered
var /** @type {?} */ cell;
var /** @type {?} */ lastRow = -1;
var /** @type {?} */ cellsRenderHeight = 0;
var /** @type {?} */ maxRenderHeight = (data.renderHeight - data.itmHeight);
var /** @type {?} */ totalCells = cells.length;
var /** @type {?} */ viewableRenderedPadding = (data.itmHeight < 90 ? VIEWABLE_RENDERED_PADDING : 0);
if (data.scrollDiff > 0) {
// scrolling down
data.topCell = Math.max(data.topViewCell - viewableRenderedPadding, 0);
data.bottomCell = Math.min(data.topCell + 2, totalCells - 1);
for (var /** @type {?} */ i = data.topCell; i < totalCells; i++) {
cell = cells[i];
if (cell.row !== lastRow) {
cellsRenderHeight += cell.height;
lastRow = cell.row;
}
if (i > data.bottomCell) {
data.bottomCell = i;
}
if (cellsRenderHeight >= maxRenderHeight) {
break;
}
}
}
else {
// scroll up
data.bottomCell = Math.min(data.bottomViewCell + viewableRenderedPadding, totalCells - 1);
data.topCell = Math.max(data.bottomCell - 2, 0);
for (var /** @type {?} */ i = data.bottomCell; i >= 0; i--) {
cell = cells[i];
if (cell.row !== lastRow) {
cellsRenderHeight += cell.height;
lastRow = cell.row;
}
if (i < data.topCell) {
data.topCell = i;
}
if (cellsRenderHeight >= maxRenderHeight) {
break;
}
}
}
// console.log(`adjustRendered topCell: ${data.topCell}, bottomCell: ${data.bottomCell}, cellsRenderHeight: ${cellsRenderHeight}, data.renderHeight: ${data.renderHeight}`);
}
/**
* NO DOM
* @param {?} totalRecords
* @param {?} lastCell
* @return {?}
*/
function getVirtualHeight(totalRecords, lastCell) {
if (lastCell.record >= totalRecords - 1) {
return (lastCell.top + lastCell.height);
}
var /** @type {?} */ unknownRecords = (totalRecords - lastCell.record - 1);
var /** @type {?} */ knownHeight = (lastCell.top + lastCell.height);
return Math.ceil(knownHeight + ((knownHeight / (totalRecords - unknownRecords)) * unknownRecords));
}
/**
* NO DOM
* @param {?} totalRecords
* @param {?} lastCell
* @param {?} existingHeight
* @param {?} difference
* @return {?}
*/
function estimateHeight(totalRecords, lastCell, existingHeight, difference) {
if (!totalRecords || !lastCell) {
return 0;
}
var /** @type {?} */ newHeight = getVirtualHeight(totalRecords, lastCell);
var /** @type {?} */ percentToBottom = (lastCell.record / (totalRecords - 1));
var /** @type {?} */ diff = Math.abs(existingHeight - newHeight);
if ((diff > (newHeight * difference)) ||
(percentToBottom > .995)) {
return newHeight;
}
return existingHeight;
}
/**
* DOM READ
* @param {?} data
* @param {?} virtualScrollElement
* @param {?} approxItemWidth
* @param {?} approxItemHeight
* @param {?} appoxHeaderWidth
* @param {?} approxHeaderHeight
* @param {?} approxFooterWidth
* @param {?} approxFooterHeight
* @param {?} bufferRatio
* @return {?}
*/
function calcDimensions(data, virtualScrollElement, approxItemWidth, approxItemHeight, appoxHeaderWidth, approxHeaderHeight, approxFooterWidth, approxFooterHeight, bufferRatio) {
// get the parent container's viewport bounds
var /** @type {?} */ viewportElement = virtualScrollElement.parentElement;
// ******** DOM READ ****************
data.viewWidth = viewportElement.offsetWidth;
// ******** DOM READ ****************
data.viewHeight = viewportElement.offsetHeight;
// get the virtual scroll element's offset data
// ******** DOM READ ****************
data.viewTop = virtualScrollElement.offsetTop;
// ******** DOM READ ****************
data.viewLeft = virtualScrollElement.offsetLeft;
// the height we'd like to render, which is larger than viewable
data.renderHeight = (data.viewHeight * bufferRatio);
if (data.viewWidth > 0 && data.viewHeight > 0) {
data.itmWidth = calcWidth(data.viewWidth, approxItemWidth);
data.itmHeight = calcHeight(data.viewHeight, approxItemHeight);
data.hdrWidth = calcWidth(data.viewWidth, appoxHeaderWidth);
data.hdrHeight = calcHeight(data.viewHeight, approxHeaderHeight);
data.ftrWidth = calcWidth(data.viewWidth, approxFooterWidth);
data.ftrHeight = calcHeight(data.viewHeight, approxFooterHeight);
data.valid = true;
}
}
/**
* NO DOM
* @param {?} viewportWidth
* @param {?} approxWidth
* @return {?}
*/
function calcWidth(viewportWidth, approxWidth) {
if (approxWidth.indexOf('%') > 0) {
return (viewportWidth * (parseFloat(approxWidth) / 100));
}
else if (approxWidth.indexOf('px') > 0) {
return parseFloat(approxWidth);
}
throw 'virtual scroll width can only use "%" or "px" units';
}
/**
* NO DOM
* @param {?} viewportHeight
* @param {?} approxHeight
* @return {?}
*/
function calcHeight(viewportHeight, approxHeight) {
if (approxHeight.indexOf('px') > 0) {
return parseFloat(approxHeight);
}
throw 'virtual scroll height must use "px" units';
}
/**
* NO DOM
* @param {?} node
* @return {?}
*/
function getElement(node) {
var /** @type {?} */ rootNodes = node.view.rootNodes;
for (var /** @type {?} */ i = 0; i < rootNodes.length; i++) {
if (rootNodes[i].nodeType === 1) {
return rootNodes[i];
}
}
return null;
}
var VirtualContext = (function () {
/**
* @param {?} $implicit
* @param {?} index
* @param {?} count
*/
function VirtualContext($implicit, index, count) {
this.$implicit = $implicit;
this.index = index;
this.count = count;
this.bounds = {};
}
Object.defineProperty(VirtualContext.prototype, "first", {
/**
* @return {?}
*/
get: function () { return this.index === 0; },
enumerable: true,
configurable: true
});
Object.defineProperty(VirtualContext.prototype, "last", {
/**
* @return {?}
*/
get: function () { return this.index === this.count - 1; },
enumerable: true,
configurable: true
});
Object.defineProperty(VirtualContext.prototype, "even", {
/**
* @return {?}
*/
get: function () { return this.index % 2 === 0; },
enumerable: true,
configurable: true
});
Object.defineProperty(VirtualContext.prototype, "odd", {
/**
* @return {?}
*/
get: function () { return !this.even; },
enumerable: true,
configurable: true
});
return VirtualContext;
}());
var TEMPLATE_ITEM = 0;
var TEMPLATE_HEADER = 1;
var TEMPLATE_FOOTER = 2;
var VIEWABLE_RENDERED_PADDING = 3;
var REQUIRED_DOM_READS = 2;
/**
* \@name VirtualScroll
* \@description
* Virtual Scroll displays a virtual, "infinite" list. An array of records
* is passed to the virtual scroll containing the data to create templates
* for. The template created for each record, referred to as a cell, can
* consist of items, headers, and footers.
*
* For performance reasons, not every record in the list is rendered at once;
* instead a small subset of records (enough to fill the viewport) are rendered
* and reused as the user scrolls.
*
* ### The Basics
*
* The array of records should be passed to the `virtualScroll` property.
* The data given to the `virtualScroll` property must be an array. An item
* template with the `*virtualItem` property is required in the `virtualScroll`.
* The `virtualScroll` and `*virtualItem` properties can be added to any element.
*
* ```html
* <ion-list [virtualScroll]="items">
*
* <ion-item *virtualItem="let item">
* {% raw %}{{ item }}{% endraw %}
* </ion-item>
*
* </ion-list>
* ```
*
*
* ### Section Headers and Footers
*
* Section headers and footers are optional. They can be dynamically created
* from developer-defined functions. For example, a large list of contacts
* usually has a divider for each letter in the alphabet. Developers provide
* their own custom function to be called on each record. The logic in the
* custom function should determine whether to create the section template
* and what data to provide to the template. The custom function should
* return `null` if a template shouldn't be created.
*
* ```html
* <ion-list [virtualScroll]="items" [headerFn]="myHeaderFn">
*
* <ion-item-divider *virtualHeader="let header">
* Header: {% raw %}{{ header }}{% endraw %}
* </ion-item-divider>
*
* <ion-item *virtualItem="let item">
* Item: {% raw %}{{ item }}{% endraw %}
* </ion-item>
*
* </ion-list>
* ```
*
* Below is an example of a custom function called on every record. It
* gets passed the individual record, the record's index number,
* and the entire array of records. In this example, after every 20
* records a header will be inserted. So between the 19th and 20th records,
* between the 39th and 40th, and so on, a `<ion-item-divider>` will
* be created and the template's data will come from the function's
* returned data.
*
* ```ts
* myHeaderFn(record, recordIndex, records) {
* if (recordIndex % 20 === 0) {
* return 'Header ' + recordIndex;
* }
* return null;
* }
* ```
*
*
* ### Approximate Widths and Heights
*
* If the height of items in the virtual scroll are not close to the
* default size of 40px, it is extremely important to provide an value for
* approxItemHeight height. An exact pixel-perfect size is not necessary,
* but without an estimate the virtual scroll will not render correctly.
*
* The approximate width and height of each template is used to help
* determine how many cells should be created, and to help calculate
* the height of the scrollable area. Note that the actual rendered size
* of each cell comes from the app's CSS, whereas this approximation
* is only used to help calculate initial dimensions.
*
* It's also important to know that Ionic's default item sizes have
* slightly different heights between platforms, which is perfectly fine.
*
*
* ### Images Within Virtual Scroll
*
* HTTP requests, image decoding, and image rendering can cause jank while
* scrolling. In order to better control images, Ionic provides `<ion-img>`
* to manage HTTP requests and image rendering. While scrolling through items
* quickly, `<ion-img>` knows when and when not to make requests, when and
* when not to render images, and only loads the images that are viewable
* after scrolling. [Read more about `ion-img`.](../../img/Img/)
*
* It's also important for app developers to ensure image sizes are locked in,
* and after images have fully loaded they do not change size and affect any
* other element sizes. Simply put, to ensure rendering bugs are not introduced,
* it's vital that elements within a virtual item does not dynamically change.
*
* For virtual scrolling, the natural effects of the `<img>` are not desirable
* features. We recommend using the `<ion-img>` component over the native
* `<img>` element because when an `<img>` element is added to the DOM, it
* immediately makes a HTTP request for the image file. Additionally, `<img>`
* renders whenever it wants which could be while the user is scrolling. However,
* `<ion-img>` is governed by the containing `ion-content` and does not render
* images while scrolling quickly.
*
* ```html
* <ion-list [virtualScroll]="items">
*
* <ion-item *virtualItem="let item">
* <ion-avatar item-left>
* <ion-img [src]="item.avatarUrl"></ion-img>
* </ion-avatar>
* {% raw %} {{ item.firstName }} {{ item.lastName }}{% endraw %}
* </ion-item>
*
* </ion-list>
* ```
*
*
* ### Custom Components
*
* If a custom component is going to be used within Virtual Scroll, it's best
* to wrap it with a good old `<div>` to ensure the component is rendered
* correctly. Since each custom component's implementation and internals can be
* quite different, wrapping within a `<div>` is a safe way to make sure
* dimensions are measured correctly.
*
* ```html
* <ion-list [virtualScroll]="items">
*
* <div *virtualItem="let item">
* <my-custom-item [item]="item">
* {% raw %} {{ item }}{% endraw %}
* </my-custom-item>
* </div>
*
* </ion-list>
* ```
*
*
* ## Virtual Scroll Performance Tips
*
* #### iOS Cordova WKWebView
*
* When deploying to iOS with Cordova, it's highly recommended to use the
* [WKWebView plugin](http://blog.ionic.io/cordova-ios-performance-improvements-drop-in-speed-with-wkwebview/)
* in order to take advantage of iOS's higher performimg webview. Additionally,
* WKWebView is superior at scrolling efficiently in comparision to the older
* UIWebView.
*
* #### Lock in element dimensions and locations
*
* In order for virtual scroll to efficiently size and locate every item, it's
* very important every element within each virtual item does not dynamically
* change its dimensions or location. The best way to ensure size and location
* does not change, it's recommended each virtual item has locked in its size
* via CSS.
*
* #### Use `ion-img` for images
*
* When including images within Virtual Scroll, be sure to use
* [`ion-img`](../img/Img/) rather than the standard `<img>` HTML element.
* With `ion-img`, images are lazy loaded so only the viewable ones are
* rendered, and HTTP requests are efficiently controlled while scrolling.
*
* #### Set Approximate Widths and Heights
*
* As mentioned above, all elements should lock in their dimensions. However,
* virtual scroll isn't aware of the dimensions until after they have been
* rendered. For the initial render, virtual scroll still needs to set
* how many items should be built. With "approx" property inputs, such as
* `approxItemHeight`, we're able to give virtual sroll an approximate size,
* therefore allowing virtual scroll to decide how many items should be
* created.
*
* #### Changing dataset should use `virtualTrackBy`
*
* It is possible for the identities of elements in the iterator to change
* while the data does not. This can happen, for example, if the iterator
* produced from an RPC to the server, and that RPC is re-run. Even if the
* "data" hasn't changed, the second response will produce objects with
* different identities, and Ionic will tear down the entire DOM and rebuild
* it. This is an expensive operation and should be avoided if possible.
*
* #### Efficient headers and footer functions
*
* Each virtual item must stay extremely efficient, but one way to really
* kill its performance is to perform any DOM operations within section header
* and footer functions. These functions are called for every record in the
* dataset, so please make sure they're performant.
*
*/
var VirtualScroll = (function () {
/**
* @param {?} _iterableDiffers
* @param {?} _elementRef
* @param {?} _renderer
* @param {?} _zone
* @param {?} _cd
* @param {?} _content
* @param {?} _plt
* @param {?} _ctrl
* @param {?} _config
* @param {?} _dom
*/
function VirtualScroll(_iterableDiffers, _elementRef, _renderer, _zone, _cd, _content, _plt, _ctrl, _config, _dom) {
var _this = this;
this._iterableDiffers = _iterableDiffers;
this._elementRef = _elementRef;
this._renderer = _renderer;
this._zone = _zone;
this._cd = _cd;
this._content = _content;
this._plt = _plt;
this._ctrl = _ctrl;
this._config = _config;
this._dom = _dom;
this._init = false;
this._lastEle = false;
this._records = [];
this._cells = [];
this._nodes = [];
this._vHeight = 0;
this._lastCheck = 0;
this._data = {
scrollTop: 0,
};
this._queue = SCROLL_QUEUE_NO_CHANGES;
this._recordSize = 0;
/**
* \@input {number} The buffer ratio is used to decide how many cells
* should get created when initially rendered. The number is a
* multiplier against the viewable area's height. For example, if it
* takes `20` cells to fill up the height of the viewable area, then
* with a buffer ratio of `3` it will create `60` cells that are
* available for reuse while scrolling. For better performance, it's
* better to have more cells than what are required to fill the
* viewable area. Default is `3`.
*/
this.bufferRatio = 3;
/**
* \@input {string} The approximate width of each item template's cell.
* This dimension is used to help determine how many cells should
* be created when initialized, and to help calculate the height of
* the scrollable area. This value can use either `px` or `%` units.
* Note that the actual rendered size of each cell comes from the
* app's CSS, whereas this approximation is used to help calculate
* initial dimensions before the item has been rendered. Default is
* `100%`.
*/
this.approxItemWidth = '100%';
/**
* \@input {string} The approximate width of each header template's cell.
* This dimension is used to help determine how many cells should
* be created when initialized, and to help calculate the height of
* the scrollable area. This value can use either `px` or `%` units.
* Note that the actual rendered size of each cell comes from the
* app's CSS, whereas this approximation is used to help calculate
* initial dimensions. Default is `100%`.
*/
this.approxHeaderWidth = '100%';
/**
* \@input {string} The approximate height of each header template's cell.
* This dimension is used to help determine how many cells should
* be created when initialized, and to help calculate the height of
* the scrollable area. This height value can only use `px` units.
* Note that the actual rendered size of each cell comes from the
* app's CSS, whereas this approximation is used to help calculate
* initial dimensions before the item has been rendered. Default is `40px`.
*/
this.approxHeaderHeight = '40px';
/**
* \@input {string} The approximate width of each footer template's cell.
* This dimension is used to help determine how many cells should
* be created when initialized, and to help calculate the height of
* the scrollable area. This value can use either `px` or `%` units.
* Note that the actual rendered size of each cell comes from the
* app's CSS, whereas this approximation is used to help calculate
* initial dimensions before the item has been rendered. Default is `100%`.
*/
this.approxFooterWidth = '100%';
/**
* \@input {string} The approximate height of each footer template's cell.
* This dimension is used to help determine how many cells should
* be created when initialized, and to help calculate the height of
* the scrollable area. This height value can only use `px` units.
* Note that the actual rendered size of each cell comes from the
* app's CSS, whereas this approximation is used to help calculate
* initial dimensions before the item has been rendered. Default is `40px`.
*/
this.approxFooterHeight = '40px';
// hide the virtual scroll element with opacity so we don't
// see jank as it loads up, but we're still able to read
// dimensions because it's still rendered and only opacity hidden
this.setElementClass('virtual-loading', true);
// wait for the content to be rendered and has readable dimensions
var readSub = _ctrl.readReady.subscribe(function () {
readSub.unsubscribe();
_this.readUpdate(true);
});
// wait for the content to be writable
var writeSub = _ctrl.writeReady.subscribe(function () {
writeSub.unsubscribe();
_this._init = true;
_this.writeUpdate(true);
_this._listeners();
});
}
Object.defineProperty(VirtualScroll.prototype, "virtualScroll", {
/**
* \@input {array} The data that builds the templates within the virtual scroll.
* This is the same data that you'd pass to `*ngFor`. It's important to note
* that when this data has changed, then the entire virtual scroll is reset,
* which is an expensive operation and should be avoided if possible.
* @param {?} val
* @return {?}
*/
set: function (val) {
this._records = val;
if (isBlank$1(this._differ) && isPresent$1(val)) {
this._differ = this._iterableDiffers.find(val).create(this.virtualTrackBy);
}
},
enumerable: true,
configurable: true
});
Object.defineProperty(VirtualScroll.prototype, "headerFn", {
/**
* \@input {function} Section headers and the data used within its given
* template can be dynamically created by passing a function to `headerFn`.
* For example, a large list of contacts usually has dividers between each
* letter in the alphabet. App's can provide their own custom `headerFn`
* which is called with each record within the dataset. The logic within
* the header function can decide if the header template should be used,
* and what data to give to the header template. The function must return
* `null` if a header cell shouldn't be created.
* @param {?} val
* @return {?}
*/
set: function (val) {
if (isFunction$1(val)) {
this._hdrFn = val.bind((this._ctrl._cmp) || this);
}
},
enumerable: true,
configurable: true
});
Object.defineProperty(VirtualScroll.prototype, "footerFn", {
/**
* \@input {function} Section footers and the data used within its given
* template can be dynamically created by passing a function to `footerFn`.
* The logic within the footer function can decide if the footer template
* should be used, and what data to give to the footer template. The function
* must return `null` if a footer cell shouldn't be created.
* @param {?} val
* @return {?}
*/
set: function (val) {
if (isFunction$1(val)) {
this._ftrFn = val.bind((this._ctrl._cmp) || this);
}
},
enumerable: true,
configurable: true
});
/**
* @hidden
* @return {?}
*/
VirtualScroll.prototype.ngDoCheck = function () {
var _this = this;
// only continue if we've already initialized
if (!this._init) {
return;
}
// and if there actually are changes
var /** @type {?} */ changes = this._changes();
if (!isPresent$1(changes)) {
return;
}
var /** @type {?} */ needClean = false;
if (changes) {
changes.forEachOperation(function (item, _, cindex) {
if (item.previousIndex != null || (cindex < _this._recordSize)) {
needClean = true;
}
});
}
else {
needClean = true;
}
this._recordSize = this._records.length;
this.readUpdate(needClean);
this.writeUpdate(needClean);
};
/**
* @param {?} needClean
* @return {?}
*/
VirtualScroll.prototype.readUpdate = function (needClean) {
if (needClean) {
// reset everything
(void 0) /* console.debug */;
this._cells.length = 0;
this._nodes.length = 0;
this._itmTmp.viewContainer.clear();
// ******** DOM READ ****************
this.calcDimensions();
}
else {
(void 0) /* console.debug */;
}
};
/**
* @param {?} needClean
* @return {?}
*/
VirtualScroll.prototype.writeUpdate = function (needClean) {
(void 0) /* console.debug */;
var /** @type {?} */ data = this._data;
var /** @type {?} */ stopAtHeight = (data.scrollTop + data.renderHeight);
data.scrollDiff = SCROLL_DIFFERENCE_MINIMUM + 1;
processRecords(stopAtHeight, this._records, this._cells, this._hdrFn, this._ftrFn, this._data);
// ******** DOM WRITE ****************
this.renderVirtual(needClean);
};
/**
* @return {?}
*/
VirtualScroll.prototype.calcDimensions = function () {
calcDimensions(this._data, this._elementRef.nativeElement, this.approxItemWidth, this.approxItemHeight, this.approxHeaderWidth, this.approxHeaderHeight, this.approxFooterWidth, this.approxFooterHeight, this.bufferRatio);
};
/**
* @return {?}
*/
VirtualScroll.prototype._changes = function () {
if (isPresent$1(this._records) && isPresent$1(this._differ)) {
return this._differ.diff(this._records);
}
return null;
};
/**
* @hidden
* DOM WRITE
* @param {?} needClean
* @return {?}
*/
VirtualScroll.prototype.renderVirtual = function (needClean) {
var _this = this;
this._plt.raf(function () {
var /** @type {?} */ nodes = _this._nodes;
var /** @type {?} */ cells = _this._cells;
var /** @type {?} */ data = _this._data;
var /** @type {?} */ records = _this._records;
if (needClean) {
// ******** DOM WRITE ****************
updateDimensions(_this._plt, nodes, cells, data, true);
data.topCell = 0;
data.bottomCell = (cells.length - 1);
}
adjustRendered(cells, data);
populateNodeData(data.topCell, data.bottomCell, data.viewWidth, true, cells, records, nodes, _this._itmTmp.viewContainer, _this._itmTmp.templateRef, _this._hdrTmp && _this._hdrTmp.templateRef, _this._ftrTmp && _this._ftrTmp.templateRef, needClean);
if (needClean) {
_this._cd.detectChanges();
}
// at this point, this fn was called from within another
// requestAnimationFrame, so the next dom reads/writes within the next frame
// wait a frame before trying to read and calculate the dimensions
// ******** DOM READ ****************
_this._dom.read(function () { return initReadNodes(_this._plt, nodes, cells, data); });
_this._dom.write(function () {
// update the bound context for each node
updateNodeContext(nodes, cells, data);
// ******** DOM WRITE ****************
_this._stepChangeDetection();
// ******** DOM WRITE ****************
_this._stepDOMWrite();
// ******** DOM WRITE ****************
_this._content.imgsUpdate();
// First time load
if (!_this._lastEle) {
// add an element at the end so :last-child css doesn't get messed up
// ******** DOM WRITE ****************
var /** @type {?} */ ele = _this._elementRef.nativeElement;
var /** @type {?} */ lastEle = _this._renderer.createElement(ele, 'div');
lastEle.className = 'virtual-last';
_this._lastEle = true;
// ******** DOM WRITE ****************
_this.setElementClass('virtual-scroll', true);
// ******** DOM WRITE ****************
_this.setElementClass('virtual-loading', false);
}
(void 0) /* assert */;
});
});
};
/**
* @return {?}
*/
VirtualScroll.prototype.resize = function () {
// only continue if we've already initialized
if (!this._init) {
return;
}
(void 0) /* console.debug */;
this.calcDimensions();
this.writeUpdate(false);
};
/**
* @hidden
* @return {?}
*/
VirtualScroll.prototype._stepDOMWrite = function () {
var /** @type {?} */ cells = this._cells;
var /** @type {?} */ nodes = this._nodes;
var /** @type {?} */ recordsLength = this._records.length;
// ******** DOM WRITE ****************
writeToNodes(this._plt, nodes, cells, recordsLength);
// ******** DOM WRITE ****************
this._setHeight(estimateHeight(recordsLength, cells[cells.length - 1], this._vHeight, 0.25));
// we're done here, good work
this._queue = SCROLL_QUEUE_NO_CHANGES;
};
/**
* @return {?}
*/
VirtualScroll.prototype._stepChangeDetection = function () {
// we need to do some change detection in this frame
// we've got work painting do, let's throw it in the
// domWrite callback so everyone plays nice
// ******** DOM WRITE ****************
var /** @type {?} */ nodes = this._nodes;
for (var /** @type {?} */ i = 0; i < nodes.length; i++) {
if (nodes[i].hasChanges) {
((nodes[i].view)).detectChanges();
}
}
// on the next frame we need write to the dom nodes manually
this._queue = SCROLL_QUEUE_DOM_WRITE;
};
/**
* @return {?}
*/
VirtualScroll.prototype._stepNoChanges = function () {
var /** @type {?} */ data = this._data;
// let's see if we've scroll far enough to require another check
var /** @type {?} */ diff = data.scrollDiff = (data.scrollTop - this._lastCheck);
if (Math.abs(diff) < SCROLL_DIFFERENCE_MINIMUM) {
return;
}
var /** @type {?} */ cells = this._cells;
var /** @type {?} */ nodes = this._nodes;
var /** @type {?} */ records = this._records;
// don't bother updating if the scrollTop hasn't changed much
this._lastCheck = data.scrollTop;
if (diff > 0) {
// load data we may not have processed yet
var /** @type {?} */ stopAtHeight = (data.scrollTop + data.renderHeight);
processRecords(stopAtHeight, records, cells, this._hdrFn, this._ftrFn, data);
}
// ******** DOM READ ****************
updateDimensions(this._plt, nodes, cells, data, false);
adjustRendered(cells, data);
var /** @type {?} */ hasChanges = populateNodeData(data.topCell, data.bottomCell, data.viewWidth, diff > 0, cells, records, nodes, this._itmTmp.viewContainer, this._itmTmp.templateRef, this._hdrTmp && this._hdrTmp.templateRef, this._ftrTmp && this._ftrTmp.templateRef, false);
if (hasChanges) {
// queue making updates in the next frame
this._queue = SCROLL_QUEUE_CHANGE_DETECTION;
// update the bound context for each node
updateNodeContext(nodes, cells, data);
}
};
/**
* @param {?} ev
* @return {?}
*/
VirtualScroll.prototype.scrollUpdate = function (ev) {
var _this = this;
// set the scroll top from the scroll event
this._data.scrollTop = ev.scrollTop;
// there is a queue system so that we can
// spread out the work over multiple frames
var /** @type {?} */ queue = this._queue;
if (queue === SCROLL_QUEUE_NO_CHANGES) {
// no dom writes or change detection to take care of
this._stepNoChanges();
}
else if (queue === SCROLL_QUEUE_CHANGE_DETECTION) {
this._dom.write(function () { return _this._stepChangeDetection(); });
}
else {
(void 0) /* assert */;
// there are DOM writes we need to take care of in this frame
this._dom.write(function () { return _this._stepDOMWrite(); });
}
};
/**
* @hidden
* DOM WRITE
* @param {?} ev
* @return {?}
*/
VirtualScroll.prototype.scrollEnd = function (ev) {
var _this = this;
// ******** DOM READ ****************
updateDimensions(this._plt, this._nodes, this._cells, this._data, false);
adjustRendered(this._cells, this._data);
// ******** DOM WRITE ***************
this._dom.write(function () {
// update the bound context for each node
updateNodeContext(_this._nodes, _this._cells, _this._data);
// ******** DOM WRITE ***************
_this._stepChangeDetection();
// ******** DOM WRITE ****************
_this._stepDOMWrite();
});
};
/**
* NO DOM
* @return {?}
*/
VirtualScroll.prototype._listeners = function () {
(void 0) /* assert */;
if (!this._scrollSub) {
if (this._config.getBoolean('virtualScrollEventAssist')) {
// use JS scrolling for iOS UIWebView
// goal is to completely remove this when iOS
// fully supports scroll events
// listen to JS scroll events
this._content.enableJsScroll();
}
this._resizeSub = this._plt.resize.subscribe(this.resize.bind(this));
this._scrollSub = this._content.ionScroll.subscribe(this.scrollUpdate.bind(this));
this._scrollEndSub = this._content.ionScrollEnd.subscribe(this.scrollEnd.bind(this));
}
};
/**
* DOM WRITE
* @param {?} newVirtualHeight
* @return {?}
*/
VirtualScroll.prototype._setHeight = function (newVirtualHeight) {
if (newVirtualHeight !== this._vHeight) {
// ******** DOM WRITE ****************
this._renderer.setElementStyle(this._elementRef.nativeElement, 'height', newVirtualHeight > 0 ? newVirtualHeight + 'px' : '');
this._vHeight = newVirtualHeight;
(void 0) /* console.debug */;
}
};
/**
* @hidden
* @return {?}
*/
VirtualScroll.prototype.ngAfterContentInit = function () {
(void 0) /* assert */;
if (!this.approxItemHeight) {
this.approxItemHeight = '40px';
console.warn('Virtual Scroll: Please provide an "approxItemHeight" input to ensure proper virtual scroll rendering');
}
};
/**
* @param {?} className
* @param {?} add
* @return {?}
*/
VirtualScroll.prototype.setElementClass = function (className, add) {
this._renderer.setElementClass(this._elementRef.nativeElement, className, add);
};
/**
* @hidden
* @return {?}
*/
VirtualScroll.prototype.ngOnDestroy = function () {
this._resizeSub && this._resizeSub.unsubscribe();
this._scrollSub && this._scrollSub.unsubscribe();
this._scrollEndSub && this._scrollEndSub.unsubscribe();
this._resizeSub = this._scrollEndSub = this._scrollSub = null;
this._hdrFn = this._ftrFn = this._records = this._cells = this._nodes = this._data = null;
};
return VirtualScroll;
}());
VirtualScroll.decorators = [
{ type: Directive, args: [{
selector: '[virtualScroll]'
},] },
];
/**
* @nocollapse
*/
VirtualScroll.ctorParameters = function () { return [
{ type: IterableDiffers, },
{ type: ElementRef, },
{ type: Renderer, },
{ type: NgZone, },
{ type: ChangeDetectorRef, },
{ type: Content, },
{ type: Platform, },
{ type: ViewController, },
{ type: Config, },
{ type: DomController, },
]; };
VirtualScroll.propDecorators = {
'_itmTmp': [{ type: ContentChild, args: [VirtualItem,] },],
'_hdrTmp': [{ type: ContentChild, args: [VirtualHeader,] },],
'_ftrTmp': [{ type: ContentChild, args: [VirtualFooter,] },],
'virtualScroll': [{ type: Input },],
'bufferRatio': [{ type: Input },],
'approxItemWidth': [{ type: Input },],
'approxItemHeight': [{ type: Input },],
'approxHeaderWidth': [{ type: Input },],
'approxHeaderHeight': [{ type: Input },],
'approxFooterWidth': [{ type: Input },],
'approxFooterHeight': [{ type: Input },],
'headerFn': [{ type: Input },],
'footerFn': [{ type: Input },],
'virtualTrackBy': [{ type: Input },],
};
var SCROLL_DIFFERENCE_MINIMUM = 40;
var SCROLL_QUEUE_NO_CHANGES = 1;
var SCROLL_QUEUE_CHANGE_DETECTION = 2;
var SCROLL_QUEUE_DOM_WRITE = 3;
/**
* @hidden
*/
var VirtualScrollModule = (function () {
function VirtualScrollModule() {
}
/**
* @return {?}
*/
VirtualScrollModule.forRoot = function () {
return {
ngModule: VirtualScrollModule, providers: []
};
};
return VirtualScrollModule;
}());
VirtualScrollModule.decorators = [
{ type: NgModule, args: [{
declarations: [
VirtualFooter,
VirtualHeader,
VirtualItem,
VirtualScroll
],
exports: [
VirtualFooter,
VirtualHeader,
VirtualItem,
VirtualScroll
]
},] },
];
/**
* @nocollapse
*/
VirtualScrollModule.ctorParameters = function () { return []; };
var __extends$91 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* @hidden
* Menu Type
* Base class which is extended by the various types. Each
* type will provide their own animations for open and close
* and registers itself with Menu.
*/
var MenuType = (function () {
/**
* @param {?} plt
*/
function MenuType(plt) {
this.ani = new Animation(plt);
this.ani
.easing('cubic-bezier(0.0, 0.0, 0.2, 1)')
.easingReverse('cubic-bezier(0.4, 0.0, 0.6, 1)')
.duration(280);
}
/**
* @param {?} shouldOpen
* @param {?} animated
* @param {?} done
* @return {?}
*/
MenuType.prototype.setOpen = function (shouldOpen, animated, done) {
var /** @type {?} */ ani = this.ani
.onFinish(done, true, true)
.reverse(!shouldOpen);
if (animated) {
ani.play();
}
else {
ani.syncPlay();
}
};
/**
* @param {?} isOpen
* @return {?}
*/
MenuType.prototype.setProgressStart = function (isOpen) {
this.isOpening = !isOpen;
// the cloned animation should not use an easing curve during seek
this.ani
.reverse(isOpen)
.progressStart();
};
/**
* @param {?} stepValue
* @return {?}
*/
MenuType.prototype.setProgessStep = function (stepValue) {
// adjust progress value depending if it opening or closing
this.ani.progressStep(stepValue);
};
/**
* @param {?} shouldComplete
* @param {?} currentStepValue
* @param {?} velocity
* @param {?} done
* @return {?}
*/
MenuType.prototype.setProgressEnd = function (shouldComplete, currentStepValue, velocity, done) {
var _this = this;
var /** @type {?} */ isOpen = (this.isOpening && shouldComplete);
if (!this.isOpening && !shouldComplete) {
isOpen = true;
}
var /** @type {?} */ ani = this.ani;
ani.onFinish(function () {
_this.isOpening = false;
done(isOpen);
}, true);
var /** @type {?} */ factor = 1 - Math.min(Math.abs(velocity) / 4, 0.7);
var /** @type {?} */ dur = ani.getDuration() * factor;
ani.progressEnd(shouldComplete, currentStepValue, dur);
};
/**
* @return {?}
*/
MenuType.prototype.destroy = function () {
this.ani && this.ani.destroy();
this.ani = null;
};
return MenuType;
}());
/**
* @hidden
* Menu Reveal Type
* The content slides over to reveal the menu underneath.
* The menu itself, which is under the content, does not move.
*/
var MenuRevealType = (function (_super) {
__extends$91(MenuRevealType, _super);
/**
* @param {?} menu
* @param {?} plt
*/
function MenuRevealType(menu, plt) {
var _this = _super.call(this, plt) || this;
var openedX = (menu.width() * (menu.side === 'right' ? -1 : 1)) + 'px';
var contentOpen = new Animation(plt, menu.getContentElement());
contentOpen.fromTo('translateX', '0px', openedX);
_this.ani.add(contentOpen);
return _this;
}
return MenuRevealType;
}(MenuType));
MenuController.registerType('reveal', MenuRevealType);
/**
* @hidden
* Menu Push Type
* The content slides over to reveal the menu underneath.
* The menu itself also slides over to reveal its bad self.
*/
var MenuPushType = (function (_super) {
__extends$91(MenuPushType, _super);
/**
* @param {?} menu
* @param {?} plt
*/
function MenuPushType(menu, plt) {
var _this = _super.call(this, plt) || this;
var contentOpenedX, menuClosedX, menuOpenedX;
if (menu.side === 'right') {
// right side
contentOpenedX = -menu.width() + 'px';
menuClosedX = menu.width() + 'px';
menuOpenedX = '0px';
}
else {
contentOpenedX = menu.width() + 'px';
menuOpenedX = '0px';
menuClosedX = -menu.width() + 'px';
}
var menuAni = new Animation(plt, menu.getMenuElement());
menuAni.fromTo('translateX', menuClosedX, menuOpenedX);
_this.ani.add(menuAni);
var contentApi = new Animation(plt, menu.getContentElement());
contentApi.fromTo('translateX', '0px', contentOpenedX);
_this.ani.add(contentApi);
return _this;
}
return MenuPushType;
}(MenuType));
MenuController.registerType('push', MenuPushType);
/**
* @hidden
* Menu Overlay Type
* The menu slides over the content. The content
* itself, which is under the menu, does not move.
*/
var MenuOverlayType = (function (_super) {
__extends$91(MenuOverlayType, _super);
/**
* @param {?} menu
* @param {?} plt
*/
function MenuOverlayType(menu, plt) {
var _this = _super.call(this, plt) || this;
var closedX, openedX;
if (menu.side === 'right') {
// right side
closedX = 8 + menu.width() + 'px';
openedX = '0px';
}
else {
// left side
closedX = -(8 + menu.width()) + 'px';
openedX = '0px';
}
var menuAni = new Animation(plt, menu.getMenuElement());
menuAni.fromTo('translateX', closedX, openedX);
_this.ani.add(menuAni);
var backdropApi = new Animation(plt, menu.getBackdropElement());
backdropApi.fromTo('opacity', 0.01, 0.35);
_this.ani.add(backdropApi);
return _this;
}
return MenuOverlayType;
}(MenuType));
MenuController.registerType('overlay', MenuOverlayType);
/**
* \@name IonicPage
* \@description
* The Ionic Page handles registering and displaying specific pages based on URLs. It's used
* underneath `NavController` so it will never have to be interacted with directly. When a new
* page is pushed with `NavController`, the URL is updated to match the path to this page.
*
* Unlike traditional web apps, URLs don't dictate navigation in Ionic apps.
* Instead, URLs help us link to specific pieces of content as a breadcrumb.
* The current URL gets updated as we navigate, but we use the `NavController`
* push and pop, or `NavPush` and `NavPop` to move around. This makes it much easier
* to handle complicated nested navigation.
*
* We refer to our URL system as a deep link system instead of a router to encourage
* Ionic developers to think of URLs as a breadcrumb rather than as the source of
* truth in navigation. This encourages flexible navigation design and happy apps all
* over the world.
*
*
* \@usage
*
* The first step to setting up deep links is to add the page that should be
* a deep link in the `IonicPageModule.forChild` import of the page's module.
* For our examples, this will be `MyPage`:
*
* ```ts
* \@NgModule({
* declarations: [
* MyPage
* ],
* imports: [
* IonicPageModule.forChild(MyPage)
* ],
* entryComponents: [
* MyPage
* ]
* })
* export class MyPageModule {}
* ```
*
* Then, add the `\@IonicPage` decorator to the component. The most simple usage is adding an
* empty decorator:
*
* ```ts
* \@IonicPage()
* \@Component({
* templateUrl: 'main.html'
* })
* export class MyPage {}
* ```
*
* This will automatically create a link to the `MyPage` component using the same name as the class,
* `name`: `'MyPage'`. The page can now be navigated to by using this name. For example:
*
* ```ts
* \@Component({
* templateUrl: 'another-page.html'
* })
* export class AnotherPage {
* constructor(public navCtrl: NavController) {}
*
* goToMyPage() {
* // go to the MyPage component
* this.navCtrl.push('MyPage');
* }
* }
* ```
*
* The `\@IonicPage` decorator accepts a `DeepLinkMetadataType` object. This object accepts
* the following properties: `name`, `segment`, `defaultHistory`, and `priority`. All of them
* are optional but can be used to create complex navigation links.
*
*
* ### Changing Name
*
* As mentioned previously, the `name` property will be set to the class name if it isn't provided.
* Changing the name of the link is extremely simple. To change the name used to link to the
* component, simply pass it in the decorator like so:
*
* ```ts
* \@IonicPage({
* name: 'my-page'
* })
* ```
*
* This will create a link to the `MyPage` component using the name `'my-page'`. Similar to the previous
* example, the page can be navigated to by using the name:
*
* ```ts
* goToMyPage() {
* // go to the MyPage component
* this.navCtrl.push('my-page');
* }
* ```
*
*
* ### Setting URL Path
*
* The `segment` property is used to set the URL to the page. If this property isn't provided, the
* `segment` will use the value of `name`. Since components can be loaded anywhere in the app, the
* `segment` doesn't require a full URL path. When a page becomes the active page, the `segment` is
* appended to the URL.
*
* The `segment` can be changed to anything and doesn't have to match the `name`. For example, passing
* a value for `name` and `segment`:
*
* ```ts
* \@IonicPage({
* name: 'my-page',
* segment: 'some-path'
* })
* ```
*
* When navigating to this page as the first page in the app, the URL will look something like:
*
* ```
* http://localhost:8101/#/some-path
* ```
*
* However, navigating to the page will still use the `name` like the previous examples do.
*
*
* ### Dynamic Links
*
* The `segment` property is useful for creating dynamic links. Sometimes the URL isn't known ahead
* of time, so it can be passed as a variable.
*
* Since passing data around is common practice in an app, it can be reflected in the app's URL by
* using the `:param` syntax. For example, set the `segment` in the `\@IonicPage` decorator:
*
* ```ts
* \@IonicPage({
* name: 'detail-page',
* segment: 'detail/:id'
* })
* ```
*
* In this case, when we `push` to a new instance of `'detail-page'`, the value of `id` will
* in the `detailInfo` data being passed to `push` will replace `:id` in the URL.
*
* Important: The property needs to be something that can be converted into a string, objects
* are not supported.
*
* For example, to push the `'detail-page'` in the `ListPage` component, the following code could
* be used:
*
* ```ts
* \@IonicPage({
* name: 'list'
* })
* export class ListPage {
* constructor(public navCtrl: NavController) {}
*
* pushPage(detailInfo) {
* // Push an `id` to the `'detail-page'`
* this.navCtrl.push('detail-page', {
* 'id': detailInfo.id
* })
* }
* }
* ```
*
* If the value of `detailInfo.id` is `12`, for example, the URL would end up looking like this:
*
* ```
* http://localhost:8101/#/list/detail/12
* ```
*
* Since this `id` will be used to pull in the data of the specific detail page, it's Important
* that the `id` is unique.
*
* Note: Even though the `name` is `detail-page`, the `segment` uses `detail/:id`, and the URL
* will use the `segment`.
*
*
* ### Default History
*
* Pages can be navigated to using deep links from anywhere in the app, but sometimes the app is
* launched from a URL and the page needs to have the same history as if it were navigated to from
* inside of the app.
*
* By default, the page would be navigated to as the first page in the stack with no prior history.
* A good example is the App Store on iOS. Clicking on a URL to an application in the App Store will
* load the details of the application with no back button, as if it were the first page ever viewed.
*
* The default history of any page can be set in the `defaultHistory` property. This history will only
* be used if the history doesn't already exist, meaning if you navigate to the page the history will
* be the pages that were navigated from.
*
* The `defaultHistory` property takes an array of strings. For example, setting the history of the
* detail page to the list page where the `name` is `list`:
*
* ```ts
* \@IonicPage({
* name: 'detail-page',
* segment: 'detail/:id',
* defaultHistory: ['list']
* })
* ```
*
* In this example, if the app is launched at `http://localhost:8101/#/detail/my-detail` the displayed page
* will be the `'detail-page'` with an id of `my-detail` and it will show a back button that goes back to
* the `'list'` page.
*
* An example of an application with a set history stack is the Instagram application. Opening a link
* to an image on Instagram will show the details for that image with a back button to the user's profile
* page. There is no "right" way of setting the history for a page, it is up to the application.
*
* ### Priority
*
* The `priority` property is only used during preloading. By default, preloading is turned off so setting
* this property would do nothing. Preloading eagerly loads all deep links after the application boots
* instead of on demand as needed. To enable preloading, set `preloadModules` in the main application module
* config to `true`:
*
* ```ts
* \@NgModule({
* declarations: [
* MyApp
* ],
* imports: [
* BrowserModule,
* IonicModule.forRoot(MyApp, {
* preloadModules: true
* })
* ],
* bootstrap: [IonicApp],
* entryComponents: [
* MyApp
* ]
* })
* export class AppModule { }
* ```
*
* If preloading is turned on, it will load the modules based on the value of `priority`. The following
* values are possible for `priority`: `"high"`, `"low"`, and `"off"`. When there is no `priority`, it
* will be set to `"low"`.
*
* All deep links with their priority set to `"high"` will be loaded first. Upon completion of loading the
* `"high"` priority modules, all deep links with a priority of `"low"` (or no priority) will be loaded. If
* the priority is set to `"off"` the link will not be preloaded. Setting the `priority` is as simple as
* passing it to the `\@IonicPage` decorator:
*
* ```ts
* \@IonicPage({
* name: 'my-page',
* priority: 'high'
* })
* ```
*
* We recommend setting the `priority` to `"high"` on the pages that will be viewed first when launching
* the application.
*
* @param {?=} config
* @return {?}
*/
function IonicPage(config) {
return function (clazz) {
return clazz;
};
}
/* tslint:disable */
var win$1 = window;
var doc = document;
/*! Hammer.JS - v2.0.6 - 2015-12-23
* http://hammerjs.github.io/
*
* Copyright (c) 2015 Jorik Tangelder;
* Licensed under the license */
var VENDOR_PREFIXES = ['', 'webkit', 'Moz', 'MS', 'ms', 'o'];
var TEST_ELEMENT = doc.createElement('div');
var TYPE_FUNCTION = 'function';
var round$1 = Math.round;
var abs = Math.abs;
var now = Date.now;
/**
* set a timeout with a given scope
* @param {?} fn
* @param {?} timeout
* @param {?} context
* @return {?}
*/
function setTimeoutContext(fn, timeout, context) {
return setTimeout(bindFn(fn, context), timeout);
}
/**
* if the argument is an array, we want to execute the fn on each entry
* if it aint an array we don't want to do a thing.
* this is used by all the methods that accept a single and array argument.
* @param {?} arg
* @param {?} fn
* @param {?} context
* @return {?}
*/
function invokeArrayArg(arg, fn, context) {
if (Array.isArray(arg)) {
each(arg, context[fn], context);
return true;
}
return false;
}
/**
* walk objects and arrays
* @param {?} obj
* @param {?} iterator
* @param {?=} context
* @return {?}
*/
function each(obj, iterator, context) {
var /** @type {?} */ i;
if (!obj) {
return;
}
if (obj.forEach) {
obj.forEach(iterator, context);
}
else if (obj.length !== undefined) {
i = 0;
while (i < obj.length) {
iterator.call(context, obj[i], i, obj);
i++;
}
}
else {
for (i in obj) {
obj.hasOwnProperty(i) && iterator.call(context, obj[i], i, obj);
}
}
}
/**
* simple class inheritance
* @param {?} child
* @param {?} base
* @param {?} properties
* @return {?}
*/
function inherit(child, base, properties) {
var /** @type {?} */ baseP = base.prototype, /** @type {?} */ childP;
childP = child.prototype = Object.create(baseP);
childP.constructor = child;
childP._super = baseP;
if (properties) {
Object.assign(childP, properties);
}
}
/**
* simple function bind
* @param {?} fn
* @param {?} context
* @return {?}
*/
function bindFn(fn, context) {
return function boundFn() {
return fn.apply(context, arguments);
};
}
/**
* let a boolean value also be a function that must return a boolean
* this first item in args will be used as the context
* @param {?} val
* @param {?} args
* @return {?}
*/
function boolOrFn(val, args) {
if (typeof val == TYPE_FUNCTION) {
return val.apply(args ? args[0] || undefined : undefined, args);
}
return val;
}
/**
* use the val2 when val1 is undefined
* @param {?} val1
* @param {?} val2
* @return {?}
*/
function ifUndefined(val1, val2) {
return (val1 === undefined) ? val2 : val1;
}
/**
* addEventListener with multiple events at once
* @param {?} target
* @param {?} types
* @param {?} handler
* @return {?}
*/
function addEventListeners(target, types, handler) {
each(splitStr(types), function (type) {
target.addEventListener(type, handler, false);
});
}
/**
* removeEventListener with multiple events at once
* @param {?} target
* @param {?} types
* @param {?} handler
* @return {?}
*/
function removeEventListeners(target, types, handler) {
each(splitStr(types), function (type) {
target.removeEventListener(type, handler, false);
});
}
/**
* find if a node is in the given parent
* \@method hasParent
* @param {?} node
* @param {?} parent
* @return {?}
*/
function hasParent(node, parent) {
while (node) {
if (node == parent) {
return true;
}
node = node.parentNode;
}
return false;
}
/**
* small indexOf wrapper
* @param {?} str
* @param {?} find
* @return {?}
*/
function inStr(str, find) {
return str.indexOf(find) > -1;
}
/**
* split string on whitespace
* @param {?} str
* @return {?}
*/
function splitStr(str) {
return str.trim().split(/\s+/g);
}
/**
* find if a array contains the object using indexOf or a simple polyFill
* @param {?} src
* @param {?} find
* @param {?=} findByKey
* @return {?}
*/
function inArray(src, find, findByKey) {
if (src.indexOf && !findByKey) {
return src.indexOf(find);
}
else {
var /** @type {?} */ i = 0;
while (i < src.length) {
if ((findByKey && src[i][findByKey] == find) || (!findByKey && src[i] === find)) {
return i;
}
i++;
}
return -1;
}
}
/**
* convert array-like objects to real arrays
* @param {?} obj
* @return {?}
*/
function toArray(obj) {
return Array.prototype.slice.call(obj, 0);
}
/**
* unique array with objects based on a key (like 'id') or just by the array's value
* @param {?} src
* @param {?} key
* @param {?} sort
* @return {?}
*/
function uniqueArray(src, key, sort) {
var /** @type {?} */ results = [];
var /** @type {?} */ values = [];
var /** @type {?} */ i = 0;
while (i < src.length) {
var /** @type {?} */ val = key ? src[i][key] : src[i];
if (inArray(values, val) < 0) {
results.push(src[i]);
}
values[i] = val;
i++;
}
if (sort) {
if (!key) {
results = results.sort();
}
else {
results = results.sort(function sortUniqueArray(a, b) {
return a[key] > b[key] ? 1 : 0;
});
}
}
return results;
}
/**
* get the prefixed property
* @param {?} obj
* @param {?} property
* @return {?}
*/
function prefixed(obj, property) {
var /** @type {?} */ prefix, /** @type {?} */ prop;
var /** @type {?} */ camelProp = property[0].toUpperCase() + property.slice(1);
var /** @type {?} */ i = 0;
while (i < VENDOR_PREFIXES.length) {
prefix = VENDOR_PREFIXES[i];
prop = (prefix) ? prefix + camelProp : property;
if (prop in obj) {
return prop;
}
i++;
}
return undefined;
}
/**
* get a unique id
*/
var _uniqueId = 1;
/**
* @return {?}
*/
function uniqueId() {
return _uniqueId++;
}
/**
* get the window object of an element
* @param {?} element
* @return {?}
*/
function getWindowForElement(element) {
var /** @type {?} */ doc = element.ownerDocument || element;
return (doc.defaultView || doc.parentWindow || window);
}
var MOBILE_REGEX = /mobile|tablet|ip(ad|hone|od)|android/i;
var SUPPORT_TOUCH = ('ontouchstart' in window);
var SUPPORT_POINTER_EVENTS = prefixed(window, 'PointerEvent') !== undefined;
var SUPPORT_ONLY_TOUCH = SUPPORT_TOUCH && MOBILE_REGEX.test(navigator.userAgent);
var INPUT_TYPE_TOUCH = 'touch';
var INPUT_TYPE_PEN = 'pen';
var INPUT_TYPE_MOUSE = 'mouse';
var INPUT_TYPE_KINECT = 'kinect';
var COMPUTE_INTERVAL = 25;
var INPUT_START = 1;
var INPUT_MOVE = 2;
var INPUT_END = 4;
var INPUT_CANCEL = 8;
var DIRECTION_NONE = 1;
var DIRECTION_LEFT = 2;
var DIRECTION_RIGHT = 4;
var DIRECTION_UP = 8;
var DIRECTION_DOWN = 16;
var DIRECTION_HORIZONTAL = DIRECTION_LEFT | DIRECTION_RIGHT;
var DIRECTION_VERTICAL = DIRECTION_UP | DIRECTION_DOWN;
var DIRECTION_ALL = DIRECTION_HORIZONTAL | DIRECTION_VERTICAL;
var PROPS_XY = ['x', 'y'];
var PROPS_CLIENT_XY = ['clientX', 'clientY'];
/**
* create new input type manager
* @param {?} manager
* @param {?} callback
* @return {?}
*/
function Input$1(manager, callback) {
var /** @type {?} */ self = this;
this.manager = manager;
this.callback = callback;
this.element = manager.element;
this.target = manager.options.inputTarget;
// smaller wrapper around the handler, for the scope and the enabled state of the manager,
// so when disabled the input events are completely bypassed.
this.domHandler = function (ev) {
if (boolOrFn(manager.options.enable, [manager])) {
self.handler(ev);
}
};
this.init();
}
Input$1.prototype = {
/**
* should handle the inputEvent data and trigger the callback
* @virtual
*/
handler: function () { },
/**
* bind the events
*/
init: function () {
this.evEl && addEventListeners(this.element, this.evEl, this.domHandler);
this.evTarget && addEventListeners(this.target, this.evTarget, this.domHandler);
this.evWin && addEventListeners(getWindowForElement(this.element), this.evWin, this.domHandler);
},
/**
* unbind the events
*/
destroy: function () {
this.evEl && removeEventListeners(this.element, this.evEl, this.domHandler);
this.evTarget && removeEventListeners(this.target, this.evTarget, this.domHandler);
this.evWin && removeEventListeners(getWindowForElement(this.element), this.evWin, this.domHandler);
}
};
/**
* create new input type manager
* called by the Manager constructor
* @param {?} manager
* @return {?}
*/
function createInputInstance(manager) {
var /** @type {?} */ Type;
var /** @type {?} */ inputClass = manager.options.inputClass;
if (inputClass) {
Type = inputClass;
}
else if (SUPPORT_POINTER_EVENTS) {
Type = PointerEventInput;
}
else if (SUPPORT_ONLY_TOUCH) {
Type = TouchInput;
}
else if (!SUPPORT_TOUCH) {
Type = MouseInput;
}
else {
Type = TouchMouseInput;
}
return new (Type)(manager, inputHandler);
}
/**
* handle input events
* @param {?} manager
* @param {?} eventType
* @param {?} input
* @return {?}
*/
function inputHandler(manager, eventType, input) {
var /** @type {?} */ pointersLen = input.pointers.length;
var /** @type {?} */ changedPointersLen = input.changedPointers.length;
var /** @type {?} */ isFirst = (eventType & INPUT_START && (pointersLen - changedPointersLen === 0));
var /** @type {?} */ isFinal = (eventType & (INPUT_END | INPUT_CANCEL) && (pointersLen - changedPointersLen === 0));
input.isFirst = !!isFirst;
input.isFinal = !!isFinal;
if (isFirst) {
manager.session = {};
}
// source event is the normalized value of the domEvents
// like 'touchstart, mouseup, pointerdown'
input.eventType = eventType;
// compute scale, rotation etc
computeInputData(manager, input);
// emit secret event
manager.emit('hammer.input', input);
manager.recognize(input);
manager.session.prevInput = input;
}
/**
* extend the data with some usable properties like scale, rotate, velocity etc
* @param {?} manager
* @param {?} input
* @return {?}
*/
function computeInputData(manager, input) {
var /** @type {?} */ session = manager.session;
var /** @type {?} */ pointers = input.pointers;
var /** @type {?} */ pointersLength = pointers.length;
// store the first input to calculate the distance and direction
if (!session.firstInput) {
session.firstInput = simpleCloneInputData(input);
}
// to compute scale and rotation we need to store the multiple touches
if (pointersLength > 1 && !session.firstMultiple) {
session.firstMultiple = simpleCloneInputData(input);
}
else if (pointersLength === 1) {
session.firstMultiple = false;
}
var /** @type {?} */ firstInput = session.firstInput;
var /** @type {?} */ firstMultiple = session.firstMultiple;
var /** @type {?} */ offsetCenter = firstMultiple ? firstMultiple.center : firstInput.center;
var /** @type {?} */ center = input.center = getCenter(pointers);
input.timeStamp = now();
input.deltaTime = input.timeStamp - firstInput.timeStamp;
input.angle = getAngle(offsetCenter, center);
input.distance = getDistance(offsetCenter, center);
computeDeltaXY(session, input);
input.offsetDirection = getDirection(input.deltaX, input.deltaY);
var /** @type {?} */ overallVelocity = getVelocity(input.deltaTime, input.deltaX, input.deltaY);
input.overallVelocityX = overallVelocity.x;
input.overallVelocityY = overallVelocity.y;
input.overallVelocity = (abs(overallVelocity.x) > abs(overallVelocity.y)) ? overallVelocity.x : overallVelocity.y;
input.scale = firstMultiple ? getScale(firstMultiple.pointers, pointers) : 1;
input.rotation = firstMultiple ? getRotation(firstMultiple.pointers, pointers) : 0;
input.maxPointers = !session.prevInput ? input.pointers.length : ((input.pointers.length >
session.prevInput.maxPointers) ? input.pointers.length : session.prevInput.maxPointers);
computeIntervalInputData(session, input);
// find the correct target
var /** @type {?} */ target = manager.element;
if (hasParent(input.srcEvent.target, target)) {
target = input.srcEvent.target;
}
input.target = target;
}
/**
* @param {?} session
* @param {?} input
* @return {?}
*/
function computeDeltaXY(session, input) {
var /** @type {?} */ center = input.center;
var /** @type {?} */ offset = session.offsetDelta || {};
var /** @type {?} */ prevDelta = session.prevDelta || {};
var /** @type {?} */ prevInput = session.prevInput || {};
if (input.eventType === INPUT_START || prevInput.eventType === INPUT_END) {
prevDelta = session.prevDelta = {
x: prevInput.deltaX || 0,
y: prevInput.deltaY || 0
};
offset = session.offsetDelta = {
x: center.x,
y: center.y
};
}
input.deltaX = prevDelta.x + (center.x - offset.x);
input.deltaY = prevDelta.y + (center.y - offset.y);
}
/**
* velocity is calculated every x ms
* @param {?} session
* @param {?} input
* @return {?}
*/
function computeIntervalInputData(session, input) {
var /** @type {?} */ last = session.lastInterval || input, /** @type {?} */ deltaTime = input.timeStamp - last.timeStamp, /** @type {?} */ velocity, /** @type {?} */ velocityX, /** @type {?} */ velocityY, /** @type {?} */ direction;
if (input.eventType != INPUT_CANCEL && (deltaTime > COMPUTE_INTERVAL || last.velocity === undefined)) {
var /** @type {?} */ deltaX = input.deltaX - last.deltaX;
var /** @type {?} */ deltaY = input.deltaY - last.deltaY;
var /** @type {?} */ v = getVelocity(deltaTime, deltaX, deltaY);
velocityX = v.x;
velocityY = v.y;
velocity = (abs(v.x) > abs(v.y)) ? v.x : v.y;
direction = getDirection(deltaX, deltaY);
session.lastInterval = input;
}
else {
// use latest velocity info if it doesn't overtake a minimum period
velocity = last.velocity;
velocityX = last.velocityX;
velocityY = last.velocityY;
direction = last.direction;
}
input.velocity = velocity;
input.velocityX = velocityX;
input.velocityY = velocityY;
input.direction = direction;
}
/**
* create a simple clone from the input used for storage of firstInput and firstMultiple
* @param {?} input
* @return {?}
*/
function simpleCloneInputData(input) {
// make a simple copy of the pointers because we will get a reference if we don't
// we only need clientXY for the calculations
var /** @type {?} */ pointers = [];
var /** @type {?} */ i = 0;
while (i < input.pointers.length) {
pointers[i] = {
clientX: round$1(input.pointers[i].clientX),
clientY: round$1(input.pointers[i].clientY)
};
i++;
}
return {
timeStamp: now(),
pointers: pointers,
center: getCenter(pointers),
deltaX: input.deltaX,
deltaY: input.deltaY
};
}
/**
* get the center of all the pointers
* @param {?} pointers
* @return {?}
*/
function getCenter(pointers) {
var /** @type {?} */ pointersLength = pointers.length;
// no need to loop when only one touch
if (pointersLength === 1) {
return {
x: round$1(pointers[0].clientX),
y: round$1(pointers[0].clientY)
};
}
var /** @type {?} */ x = 0, /** @type {?} */ y = 0, /** @type {?} */ i = 0;
while (i < pointersLength) {
x += pointers[i].clientX;
y += pointers[i].clientY;
i++;
}
return {
x: round$1(x / pointersLength),
y: round$1(y / pointersLength)
};
}
/**
* calculate the velocity between two points. unit is in px per ms.
* @param {?} deltaTime
* @param {?} x
* @param {?} y
* @return {?}
*/
function getVelocity(deltaTime, x, y) {
return {
x: x / deltaTime || 0,
y: y / deltaTime || 0
};
}
/**
* get the direction between two points
* @param {?} x
* @param {?} y
* @return {?}
*/
function getDirection(x, y) {
if (x === y) {
return DIRECTION_NONE;
}
if (abs(x) >= abs(y)) {
return x < 0 ? DIRECTION_LEFT : DIRECTION_RIGHT;
}
return y < 0 ? DIRECTION_UP : DIRECTION_DOWN;
}
/**
* calculate the absolute distance between two points
* @param {?} p1
* @param {?} p2
* @param {?=} props
* @return {?}
*/
function getDistance(p1, p2, props) {
if (!props) {
props = PROPS_XY;
}
var /** @type {?} */ x = p2[props[0]] - p1[props[0]], /** @type {?} */ y = p2[props[1]] - p1[props[1]];
return Math.sqrt((x * x) + (y * y));
}
/**
* calculate the angle between two coordinates
* @param {?} p1
* @param {?} p2
* @param {?=} props
* @return {?}
*/
function getAngle(p1, p2, props) {
if (!props) {
props = PROPS_XY;
}
var /** @type {?} */ x = p2[props[0]] - p1[props[0]], /** @type {?} */ y = p2[props[1]] - p1[props[1]];
return Math.atan2(y, x) * 180 / Math.PI;
}
/**
* calculate the rotation degrees between two pointersets
* @param {?} start
* @param {?} end
* @return {?}
*/
function getRotation(start, end) {
return getAngle(end[1], end[0], PROPS_CLIENT_XY) + getAngle(start[1], start[0], PROPS_CLIENT_XY);
}
/**
* calculate the scale factor between two pointersets
* no scale is 1, and goes down to 0 when pinched together, and bigger when pinched out
* @param {?} start
* @param {?} end
* @return {?}
*/
function getScale(start, end) {
return getDistance(end[0], end[1], PROPS_CLIENT_XY) / getDistance(start[0], start[1], PROPS_CLIENT_XY);
}
var MOUSE_INPUT_MAP = {
mousedown: INPUT_START,
mousemove: INPUT_MOVE,
mouseup: INPUT_END
};
var MOUSE_ELEMENT_EVENTS = 'mousedown';
var MOUSE_WINDOW_EVENTS = 'mousemove mouseup';
/**
* Mouse events input
* @param {?} manager
* @param {?} handler
* @return {?}
*/
function MouseInput(manager, handler) {
this.evEl = MOUSE_ELEMENT_EVENTS;
this.evWin = MOUSE_WINDOW_EVENTS;
this.allow = true; // used by Input.TouchMouse to disable mouse events
this.pressed = false; // mousedown state
Input$1.apply(this, arguments);
}
inherit(MouseInput, Input$1, {
/**
* handle mouse events
* @param {Object} ev
*/
handler: function MEhandler(ev) {
var /** @type {?} */ eventType = MOUSE_INPUT_MAP[ev.type];
// on start we want to have the left mouse button down
if (eventType & INPUT_START && ev.button === 0) {
this.pressed = true;
}
if (eventType & INPUT_MOVE && ev.which !== 1) {
eventType = INPUT_END;
}
// mouse must be down, and mouse events are allowed (see the TouchMouse input)
if (!this.pressed || !this.allow) {
return;
}
if (eventType & INPUT_END) {
this.pressed = false;
}
this.callback(this.manager, eventType, {
pointers: [ev],
changedPointers: [ev],
pointerType: INPUT_TYPE_MOUSE,
srcEvent: ev
});
}
});
var POINTER_INPUT_MAP = {
pointerdown: INPUT_START,
pointermove: INPUT_MOVE,
pointerup: INPUT_END,
pointercancel: INPUT_CANCEL,
pointerout: INPUT_CANCEL
};
// in IE10 the pointer types is defined as an enum
var IE10_POINTER_TYPE_ENUM = {
2: INPUT_TYPE_TOUCH,
3: INPUT_TYPE_PEN,
4: INPUT_TYPE_MOUSE,
5: INPUT_TYPE_KINECT // see https://twitter.com/jacobrossi/status/480596438489890816
};
var POINTER_ELEMENT_EVENTS = 'pointerdown';
var POINTER_WINDOW_EVENTS = 'pointermove pointerup pointercancel';
// IE10 has prefixed support, and case-sensitive
if (win$1.MSPointerEvent && !win$1.PointerEvent) {
POINTER_ELEMENT_EVENTS = 'MSPointerDown';
POINTER_WINDOW_EVENTS = 'MSPointerMove MSPointerUp MSPointerCancel';
}
/**
* Pointer events input
* @return {?}
*/
function PointerEventInput() {
this.evEl = POINTER_ELEMENT_EVENTS;
this.evWin = POINTER_WINDOW_EVENTS;
Input$1.apply(this, arguments);
this.store = (this.manager.session.pointerEvents = []);
}
inherit(PointerEventInput, Input$1, {
/**
* handle mouse events
* @param {Object} ev
*/
handler: function PEhandler(ev) {
var /** @type {?} */ store = this.store;
var /** @type {?} */ removePointer = false;
var /** @type {?} */ eventTypeNormalized = ev.type.toLowerCase().replace('ms', '');
var /** @type {?} */ eventType = POINTER_INPUT_MAP[eventTypeNormalized];
var /** @type {?} */ pointerType = IE10_POINTER_TYPE_ENUM[ev.pointerType] || ev.pointerType;
var /** @type {?} */ isTouch = (pointerType == INPUT_TYPE_TOUCH);
// get index of the event in the store
var /** @type {?} */ storeIndex = inArray(store, ev.pointerId, 'pointerId');
// start and mouse must be down
if (eventType & INPUT_START && (ev.button === 0 || isTouch)) {
if (storeIndex < 0) {
store.push(ev);
storeIndex = store.length - 1;
}
}
else if (eventType & (INPUT_END | INPUT_CANCEL)) {
removePointer = true;
}
// it not found, so the pointer hasn't been down (so it's probably a hover)
if (storeIndex < 0) {
return;
}
// update the event in the store
store[storeIndex] = ev;
this.callback(this.manager, eventType, {
pointers: store,
changedPointers: [ev],
pointerType: pointerType,
srcEvent: ev
});
if (removePointer) {
// remove from the store
store.splice(storeIndex, 1);
}
}
});
var SINGLE_TOUCH_INPUT_MAP = {
touchstart: INPUT_START,
touchmove: INPUT_MOVE,
touchend: INPUT_END,
touchcancel: INPUT_CANCEL
};
var SINGLE_TOUCH_TARGET_EVENTS = 'touchstart';
var SINGLE_TOUCH_WINDOW_EVENTS = 'touchstart touchmove touchend touchcancel';
/**
* Touch events input
* @return {?}
*/
function SingleTouchInput() {
this.evTarget = SINGLE_TOUCH_TARGET_EVENTS;
this.evWin = SINGLE_TOUCH_WINDOW_EVENTS;
this.started = false;
Input$1.apply(this, arguments);
}
inherit(SingleTouchInput, Input$1, {
handler: function TEhandler(ev) {
var /** @type {?} */ type = SINGLE_TOUCH_INPUT_MAP[ev.type];
// should we handle the touch events?
if (type === INPUT_START) {
this.started = true;
}
if (!this.started) {
return;
}
var /** @type {?} */ touches = normalizeSingleTouches.call(this, ev, type);
// when done, reset the started state
if (type & (INPUT_END | INPUT_CANCEL) && touches[0].length - touches[1].length === 0) {
this.started = false;
}
this.callback(this.manager, type, {
pointers: touches[0],
changedPointers: touches[1],
pointerType: INPUT_TYPE_TOUCH,
srcEvent: ev
});
}
});
/**
* @param {?} ev
* @param {?} type
* @return {?}
*/
function normalizeSingleTouches(ev, type) {
var /** @type {?} */ all = toArray(ev.touches);
var /** @type {?} */ changed = toArray(ev.changedTouches);
if (type & (INPUT_END | INPUT_CANCEL)) {
all = uniqueArray(all.concat(changed), 'identifier', true);
}
return [all, changed];
}
var TOUCH_INPUT_MAP = {
touchstart: INPUT_START,
touchmove: INPUT_MOVE,
touchend: INPUT_END,
touchcancel: INPUT_CANCEL
};
var TOUCH_TARGET_EVENTS = 'touchstart touchmove touchend touchcancel';
/**
* Multi-user touch events input
* @param {?} manager
* @param {?} handler
* @return {?}
*/
function TouchInput(manager, handler) {
this.evTarget = TOUCH_TARGET_EVENTS;
this.targetIds = {};
Input$1.apply(this, arguments);
}
inherit(TouchInput, Input$1, {
handler: function MTEhandler(ev) {
var /** @type {?} */ type = TOUCH_INPUT_MAP[ev.type];
var /** @type {?} */ touches = getTouches.call(this, ev, type);
if (!touches) {
return;
}
this.callback(this.manager, type, {
pointers: touches[0],
changedPointers: touches[1],
pointerType: INPUT_TYPE_TOUCH,
srcEvent: ev
});
}
});
/**
* @param {?} ev
* @param {?} type
* @return {?}
*/
function getTouches(ev, type) {
var /** @type {?} */ allTouches = toArray(ev.touches);
var /** @type {?} */ targetIds = this.targetIds;
// when there is only one touch, the process can be simplified
if (type & (INPUT_START | INPUT_MOVE) && allTouches.length === 1) {
targetIds[allTouches[0].identifier] = true;
return [allTouches, allTouches];
}
var /** @type {?} */ i, /** @type {?} */ targetTouches, /** @type {?} */ changedTouches = toArray(ev.changedTouches), /** @type {?} */ changedTargetTouches = [], /** @type {?} */ target = this.target;
// get target touches from touches
targetTouches = allTouches.filter(function (touch) {
return hasParent(touch.target, target);
});
// collect touches
if (type === INPUT_START) {
i = 0;
while (i < targetTouches.length) {
targetIds[targetTouches[i].identifier] = true;
i++;
}
}
// filter changed touches to only contain touches that exist in the collected target ids
i = 0;
while (i < changedTouches.length) {
if (targetIds[changedTouches[i].identifier]) {
changedTargetTouches.push(changedTouches[i]);
}
// cleanup removed touches
if (type & (INPUT_END | INPUT_CANCEL)) {
delete targetIds[changedTouches[i].identifier];
}
i++;
}
if (!changedTargetTouches.length) {
return;
}
return [
// merge targetTouches with changedTargetTouches so it contains ALL touches, including 'end' and 'cancel'
uniqueArray(targetTouches.concat(changedTargetTouches), 'identifier', true),
changedTargetTouches
];
}
/**
* Combined touch and mouse input
*
* Touch has a higher priority then mouse, and while touching no mouse events are allowed.
* This because touch devices also emit mouse events while doing a touch.
*
* @return {?}
*/
function TouchMouseInput() {
Input$1.apply(this, arguments);
var /** @type {?} */ handler = bindFn(this.handler, this);
this.touch = new ((TouchInput))(this.manager, handler);
this.mouse = new ((MouseInput))(this.manager, handler);
}
inherit(TouchMouseInput, Input$1, {
/**
* handle mouse and touch events
* @param {Hammer} manager
* @param {String} inputEvent
* @param {Object} inputData
*/
handler: function TMEhandler(manager, inputEvent, inputData) {
var /** @type {?} */ isTouch = (inputData.pointerType == INPUT_TYPE_TOUCH), /** @type {?} */ isMouse = (inputData.pointerType == INPUT_TYPE_MOUSE);
// when we're in a touch event, so block all upcoming mouse events
// most mobile browser also emit mouseevents, right after touchstart
if (isTouch) {
this.mouse.allow = false;
}
else if (isMouse && !this.mouse.allow) {
return;
}
// reset the allowMouse when we're done
if (inputEvent & (INPUT_END | INPUT_CANCEL)) {
this.mouse.allow = true;
}
this.callback(manager, inputEvent, inputData);
},
/**
* remove the event listeners
*/
destroy: function destroy() {
this.touch.destroy();
this.mouse.destroy();
}
});
var PREFIXED_TOUCH_ACTION = prefixed(TEST_ELEMENT.style, 'touchAction');
var NATIVE_TOUCH_ACTION = PREFIXED_TOUCH_ACTION !== undefined;
// magical touchAction value
var TOUCH_ACTION_COMPUTE = 'compute';
var TOUCH_ACTION_AUTO = 'auto';
var TOUCH_ACTION_MANIPULATION = 'manipulation'; // not implemented
var TOUCH_ACTION_NONE = 'none';
var TOUCH_ACTION_PAN_X = 'pan-x';
var TOUCH_ACTION_PAN_Y = 'pan-y';
/**
* Touch Action
* sets the touchAction property or uses the js alternative
* @param {?} manager
* @param {?} value
* @return {?}
*/
function TouchAction(manager, value) {
this.manager = manager;
this.set(value);
}
TouchAction.prototype = {
/**
* set the touchAction value on the element or enable the polyfill
* @param {String} value
*/
set: function (value) {
// find out the touch-action by the event handlers
if (value == TOUCH_ACTION_COMPUTE) {
value = this.compute();
}
if (NATIVE_TOUCH_ACTION && this.manager.element.style) {
this.manager.element.style[PREFIXED_TOUCH_ACTION] = value;
}
this.actions = value.toLowerCase().trim();
},
/**
* just re-set the touchAction value
*/
update: function () {
this.set(this.manager.options.touchAction);
},
/**
* compute the value for the touchAction property based on the recognizer's settings
* @returns {String} value
*/
compute: function () {
var /** @type {?} */ actions = [];
each(this.manager.recognizers, function (recognizer) {
if (boolOrFn(recognizer.options.enable, [recognizer])) {
actions = actions.concat(recognizer.getTouchAction());
}
});
return cleanTouchActions(actions.join(' '));
},
/**
* this method is called on each input cycle and provides the preventing of the browser behavior
* @param {Object} input
*/
preventDefaults: function (input) {
// not needed with native support for the touchAction property
if (NATIVE_TOUCH_ACTION) {
return;
}
var /** @type {?} */ srcEvent = input.srcEvent;
var /** @type {?} */ direction = input.offsetDirection;
// if the touch action did prevented once this session
if (this.manager.session.prevented) {
srcEvent.preventDefault();
return;
}
var /** @type {?} */ actions = this.actions;
var /** @type {?} */ hasNone = inStr(actions, TOUCH_ACTION_NONE);
var /** @type {?} */ hasPanY = inStr(actions, TOUCH_ACTION_PAN_Y);
var /** @type {?} */ hasPanX = inStr(actions, TOUCH_ACTION_PAN_X);
if (hasNone) {
//do not prevent defaults if this is a tap gesture
var /** @type {?} */ isTapPointer = input.pointers.length === 1;
var /** @type {?} */ isTapMovement = input.distance < 2;
var /** @type {?} */ isTapTouchTime = input.deltaTime < 250;
if (isTapPointer && isTapMovement && isTapTouchTime) {
return;
}
}
if (hasPanX && hasPanY) {
// `pan-x pan-y` means browser handles all scrolling/panning, do not prevent
return;
}
if (hasNone ||
(hasPanY && direction & DIRECTION_HORIZONTAL) ||
(hasPanX && direction & DIRECTION_VERTICAL)) {
return this.preventSrc(srcEvent);
}
},
/**
* call preventDefault to prevent the browser's default behavior (scrolling in most cases)
* @param {Object} srcEvent
*/
preventSrc: function (srcEvent) {
this.manager.session.prevented = true;
srcEvent.preventDefault();
}
};
/**
* when the touchActions are collected they are not a valid value, so we need to clean things up. *
* @param {?} actions
* @return {?}
*/
function cleanTouchActions(actions) {
// none
if (inStr(actions, TOUCH_ACTION_NONE)) {
return TOUCH_ACTION_NONE;
}
var /** @type {?} */ hasPanX = inStr(actions, TOUCH_ACTION_PAN_X);
var /** @type {?} */ hasPanY = inStr(actions, TOUCH_ACTION_PAN_Y);
// if both pan-x and pan-y are set (different recognizers
// for different directions, e.g. horizontal pan but vertical swipe?)
// we need none (as otherwise with pan-x pan-y combined none of these
// recognizers will work, since the browser would handle all panning
if (hasPanX && hasPanY) {
return TOUCH_ACTION_NONE;
}
// pan-x OR pan-y
if (hasPanX || hasPanY) {
return hasPanX ? TOUCH_ACTION_PAN_X : TOUCH_ACTION_PAN_Y;
}
// manipulation
if (inStr(actions, TOUCH_ACTION_MANIPULATION)) {
return TOUCH_ACTION_MANIPULATION;
}
return TOUCH_ACTION_AUTO;
}
/**
* Recognizer flow explained; *
* All recognizers have the initial state of POSSIBLE when a input session starts.
* The definition of a input session is from the first input until the last input, with all it's movement in it. *
* Example session for mouse-input: mousedown -> mousemove -> mouseup
*
* On each recognizing cycle (see Manager.recognize) the .recognize() method is executed
* which determines with state it should be.
*
* If the recognizer has the state FAILED, CANCELLED or RECOGNIZED (equals ENDED), it is reset to
* POSSIBLE to give it another change on the next cycle.
*
* Possible
* |
* +-----+---------------+
* | |
* +-----+-----+ |
* | | |
* Failed Cancelled |
* +-------+------+
* | |
* Recognized Began
* |
* Changed
* |
* Ended/Recognized
*/
var STATE_POSSIBLE = 1;
var STATE_BEGAN = 2;
var STATE_CHANGED = 4;
var STATE_ENDED = 8;
var STATE_RECOGNIZED = STATE_ENDED;
var STATE_CANCELLED = 16;
var STATE_FAILED = 32;
/**
* Recognizer
* Every recognizer needs to extend from this class.
* @param {?} options
* @return {?}
*/
function Recognizer(options) {
this.options = Object.assign({}, this.defaults, options || {});
this.id = uniqueId();
this.manager = null;
// default is enable true
this.options.enable = ifUndefined(this.options.enable, true);
this.state = STATE_POSSIBLE;
this.simultaneous = {};
this.requireFail = [];
}
Recognizer.prototype = {
/**
* @virtual
* @type {Object}
*/
defaults: {},
/**
* set options
* @param {Object} options
* @return {Recognizer}
*/
set: function (options) {
Object.assign(this.options, options);
// also update the touchAction, in case something changed about the directions/enabled state
this.manager && this.manager.touchAction.update();
return this;
},
/**
* recognize simultaneous with an other recognizer.
* @param {Recognizer} otherRecognizer
* @returns {Recognizer} this
*/
recognizeWith: function (otherRecognizer) {
if (invokeArrayArg(otherRecognizer, 'recognizeWith', this)) {
return this;
}
var /** @type {?} */ simultaneous = this.simultaneous;
otherRecognizer = getRecognizerByNameIfManager(otherRecognizer, this);
if (!simultaneous[otherRecognizer.id]) {
simultaneous[otherRecognizer.id] = otherRecognizer;
otherRecognizer.recognizeWith(this);
}
return this;
},
/**
* drop the simultaneous link. it doesnt remove the link on the other recognizer.
* @param {Recognizer} otherRecognizer
* @returns {Recognizer} this
*/
dropRecognizeWith: function (otherRecognizer) {
if (invokeArrayArg(otherRecognizer, 'dropRecognizeWith', this)) {
return this;
}
otherRecognizer = getRecognizerByNameIfManager(otherRecognizer, this);
delete this.simultaneous[otherRecognizer.id];
return this;
},
/**
* recognizer can only run when an other is failing
* @param {Recognizer} otherRecognizer
* @returns {Recognizer} this
*/
requireFailure: function (otherRecognizer) {
if (invokeArrayArg(otherRecognizer, 'requireFailure', this)) {
return this;
}
var /** @type {?} */ requireFail = this.requireFail;
otherRecognizer = getRecognizerByNameIfManager(otherRecognizer, this);
if (inArray(requireFail, otherRecognizer) === -1) {
requireFail.push(otherRecognizer);
otherRecognizer.requireFailure(this);
}
return this;
},
/**
* drop the requireFailure link. it does not remove the link on the other recognizer.
* @param {Recognizer} otherRecognizer
* @returns {Recognizer} this
*/
dropRequireFailure: function (otherRecognizer) {
if (invokeArrayArg(otherRecognizer, 'dropRequireFailure', this)) {
return this;
}
otherRecognizer = getRecognizerByNameIfManager(otherRecognizer, this);
var /** @type {?} */ index = inArray(this.requireFail, otherRecognizer);
if (index > -1) {
this.requireFail.splice(index, 1);
}
return this;
},
/**
* has require failures boolean
* @returns {boolean}
*/
hasRequireFailures: function () {
return this.requireFail.length > 0;
},
/**
* if the recognizer can recognize simultaneous with an other recognizer
* @param {Recognizer} otherRecognizer
* @returns {Boolean}
*/
canRecognizeWith: function (otherRecognizer) {
return !!this.simultaneous[otherRecognizer.id];
},
/**
* You should use `tryEmit` instead of `emit` directly to check
* that all the needed recognizers has failed before emitting.
* @param {Object} input
*/
emit: function (input) {
var /** @type {?} */ self = this;
var /** @type {?} */ state = this.state;
/**
* @param {?} event
* @return {?}
*/
function emit(event) {
self.manager.emit(event, input);
}
// 'panstart' and 'panmove'
if (state < STATE_ENDED) {
emit(self.options.event + stateStr(state));
}
emit(self.options.event); // simple 'eventName' events
if (input.additionalEvent) {
emit(input.additionalEvent);
}
// panend and pancancel
if (state >= STATE_ENDED) {
emit(self.options.event + stateStr(state));
}
},
/**
* Check that all the require failure recognizers has failed,
* if true, it emits a gesture event,
* otherwise, setup the state to FAILED.
* @param {Object} input
*/
tryEmit: function (input) {
if (this.canEmit()) {
return this.emit(input);
}
// it's failing anyway
this.state = STATE_FAILED;
},
/**
* can we emit?
* @returns {boolean}
*/
canEmit: function () {
var /** @type {?} */ i = 0;
while (i < this.requireFail.length) {
if (!(this.requireFail[i].state & (STATE_FAILED | STATE_POSSIBLE))) {
return false;
}
i++;
}
return true;
},
/**
* update the recognizer
* @param {Object} inputData
*/
recognize: function (inputData) {
// make a new copy of the inputData
// so we can change the inputData without messing up the other recognizers
var /** @type {?} */ inputDataClone = Object.assign({}, inputData);
// is is enabled and allow recognizing?
if (!boolOrFn(this.options.enable, [this, inputDataClone])) {
this.reset();
this.state = STATE_FAILED;
return;
}
// reset when we've reached the end
if (this.state & (STATE_RECOGNIZED | STATE_CANCELLED | STATE_FAILED)) {
this.state = STATE_POSSIBLE;
}
this.state = this.process(inputDataClone);
// the recognizer has recognized a gesture
// so trigger an event
if (this.state & (STATE_BEGAN | STATE_CHANGED | STATE_ENDED | STATE_CANCELLED)) {
this.tryEmit(inputDataClone);
}
},
/**
* return the state of the recognizer
* the actual recognizing happens in this method
* @virtual
* @param {Object} inputData
* @returns {Const} STATE
*/
process: function (inputData) { },
/**
* return the preferred touch-action
* @virtual
* @returns {Array}
*/
getTouchAction: function () { },
/**
* called when the gesture isn't allowed to recognize
* like when another is being recognized or it is disabled
* @virtual
*/
reset: function () { }
};
/**
* get a usable string, used as event postfix
* @param {?} state
* @return {?}
*/
function stateStr(state) {
if (state & STATE_CANCELLED) {
return 'cancel';
}
else if (state & STATE_ENDED) {
return 'end';
}
else if (state & STATE_CHANGED) {
return 'move';
}
else if (state & STATE_BEGAN) {
return 'start';
}
return '';
}
/**
* direction cons to string
* @param {?} direction
* @return {?}
*/
function directionStr(direction) {
if (direction == DIRECTION_DOWN) {
return 'down';
}
else if (direction == DIRECTION_UP) {
return 'up';
}
else if (direction == DIRECTION_LEFT) {
return 'left';
}
else if (direction == DIRECTION_RIGHT) {
return 'right';
}
return '';
}
/**
* get a recognizer by name if it is bound to a manager
* @param {?} otherRecognizer
* @param {?} recognizer
* @return {?}
*/
function getRecognizerByNameIfManager(otherRecognizer, recognizer) {
var /** @type {?} */ manager = recognizer.manager;
if (manager) {
return manager.get(otherRecognizer);
}
return otherRecognizer;
}
/**
* This recognizer is just used as a base for the simple attribute recognizers.
* @return {?}
*/
function AttrRecognizer() {
Recognizer.apply(this, arguments);
}
inherit(AttrRecognizer, Recognizer, {
/**
* @namespace
* @memberof AttrRecognizer
*/
defaults: {
/**
* @type {Number}
* @default 1
*/
pointers: 1
},
/**
* Used to check if it the recognizer receives valid input, like input.distance > 10.
* @memberof AttrRecognizer
* @param {Object} input
* @returns {Boolean} recognized
*/
attrTest: function (input) {
var /** @type {?} */ optionPointers = this.options.pointers;
return optionPointers === 0 || input.pointers.length === optionPointers;
},
/**
* Process the input and return the state for the recognizer
* @memberof AttrRecognizer
* @param {Object} input
* @returns {*} State
*/
process: function (input) {
var /** @type {?} */ state = this.state;
var /** @type {?} */ eventType = input.eventType;
var /** @type {?} */ isRecognized = state & (STATE_BEGAN | STATE_CHANGED);
var /** @type {?} */ isValid = this.attrTest(input);
// on cancel input and we've recognized before, return STATE_CANCELLED
if (isRecognized && (eventType & INPUT_CANCEL || !isValid)) {
return state | STATE_CANCELLED;
}
else if (isRecognized || isValid) {
if (eventType & INPUT_END) {
return state | STATE_ENDED;
}
else if (!(state & STATE_BEGAN)) {
return STATE_BEGAN;
}
return state | STATE_CHANGED;
}
return STATE_FAILED;
}
});
/**
* Pan
* Recognized when the pointer is down and moved in the allowed direction.
* @return {?}
*/
function PanRecognizer$1() {
AttrRecognizer.apply(this, arguments);
this.pX = null;
this.pY = null;
}
inherit(PanRecognizer$1, AttrRecognizer, {
/**
* @namespace
* @memberof PanRecognizer
*/
defaults: {
event: 'pan',
threshold: 10,
pointers: 1,
direction: DIRECTION_ALL
},
getTouchAction: function () {
var /** @type {?} */ direction = this.options.direction;
var /** @type {?} */ actions = [];
if (direction & DIRECTION_HORIZONTAL) {
actions.push(TOUCH_ACTION_PAN_Y);
}
if (direction & DIRECTION_VERTICAL) {
actions.push(TOUCH_ACTION_PAN_X);
}
return actions;
},
directionTest: function (input) {
var /** @type {?} */ options = this.options;
var /** @type {?} */ hasMoved = true;
var /** @type {?} */ distance = input.distance;
var /** @type {?} */ direction = input.direction;
var /** @type {?} */ x = input.deltaX;
var /** @type {?} */ y = input.deltaY;
// lock to axis?
if (!(direction & options.direction)) {
if (options.direction & DIRECTION_HORIZONTAL) {
direction = (x === 0) ? DIRECTION_NONE : (x < 0) ? DIRECTION_LEFT : DIRECTION_RIGHT;
hasMoved = x != this.pX;
distance = Math.abs(input.deltaX);
}
else {
direction = (y === 0) ? DIRECTION_NONE : (y < 0) ? DIRECTION_UP : DIRECTION_DOWN;
hasMoved = y != this.pY;
distance = Math.abs(input.deltaY);
}
}
input.direction = direction;
return hasMoved && distance > options.threshold && direction & options.direction;
},
attrTest: function (input) {
return AttrRecognizer.prototype.attrTest.call(this, input) &&
(this.state & STATE_BEGAN || (!(this.state & STATE_BEGAN) && this.directionTest(input)));
},
emit: function (input) {
this.pX = input.deltaX;
this.pY = input.deltaY;
var /** @type {?} */ direction = directionStr(input.direction);
if (direction) {
input.additionalEvent = this.options.event + direction;
}
this._super.emit.call(this, input);
}
});
/**
* Pinch
* Recognized when two or more pointers are moving toward (zoom-in) or away from each other (zoom-out).
* @return {?}
*/
function PinchRecognizer() {
AttrRecognizer.apply(this, arguments);
}
inherit(PinchRecognizer, AttrRecognizer, {
/**
* @namespace
* @memberof PinchRecognizer
*/
defaults: {
event: 'pinch',
threshold: 0,
pointers: 2
},
getTouchAction: function () {
return [TOUCH_ACTION_NONE];
},
attrTest: function (input) {
return this._super.attrTest.call(this, input) &&
(Math.abs(input.scale - 1) > this.options.threshold || this.state & STATE_BEGAN);
},
emit: function (input) {
if (input.scale !== 1) {
var /** @type {?} */ inOut = input.scale < 1 ? 'in' : 'out';
input.additionalEvent = this.options.event + inOut;
}
this._super.emit.call(this, input);
}
});
/**
* Press
* Recognized when the pointer is down for x ms without any movement.
* @return {?}
*/
function PressRecognizer() {
Recognizer.apply(this, arguments);
this._timer = null;
this._input = null;
}
inherit(PressRecognizer, Recognizer, {
/**
* @namespace
* @memberof PressRecognizer
*/
defaults: {
event: 'press',
pointers: 1,
time: 251,
threshold: 9 // a minimal movement is ok, but keep it low
},
getTouchAction: function () {
return [TOUCH_ACTION_AUTO];
},
process: function (input) {
var /** @type {?} */ options = this.options;
var /** @type {?} */ validPointers = input.pointers.length === options.pointers;
var /** @type {?} */ validMovement = input.distance < options.threshold;
var /** @type {?} */ validTime = input.deltaTime > options.time;
this._input = input;
// we only allow little movement
// and we've reached an end event, so a tap is possible
if (!validMovement || !validPointers || (input.eventType & (INPUT_END | INPUT_CANCEL) && !validTime)) {
this.reset();
}
else if (input.eventType & INPUT_START) {
this.reset();
this._timer = setTimeoutContext(function () {
this.state = STATE_RECOGNIZED;
this.tryEmit();
}, options.time, this);
}
else if (input.eventType & INPUT_END) {
return STATE_RECOGNIZED;
}
return STATE_FAILED;
},
reset: function () {
clearTimeout(this._timer);
},
emit: function (input) {
if (this.state !== STATE_RECOGNIZED) {
return;
}
if (input && (input.eventType & INPUT_END)) {
this.manager.emit(this.options.event + 'up', input);
}
else {
this._input.timeStamp = now();
this.manager.emit(this.options.event, this._input);
}
}
});
/**
* Rotate
* Recognized when two or more pointer are moving in a circular motion.
* @return {?}
*/
function RotateRecognizer() {
AttrRecognizer.apply(this, arguments);
}
inherit(RotateRecognizer, AttrRecognizer, {
/**
* @namespace
* @memberof RotateRecognizer
*/
defaults: {
event: 'rotate',
threshold: 0,
pointers: 2
},
getTouchAction: function () {
return [TOUCH_ACTION_NONE];
},
attrTest: function (input) {
return this._super.attrTest.call(this, input) &&
(Math.abs(input.rotation) > this.options.threshold || this.state & STATE_BEGAN);
}
});
/**
* Swipe
* Recognized when the pointer is moving fast (velocity), with enough distance in the allowed direction.
* @return {?}
*/
function SwipeRecognizer() {
AttrRecognizer.apply(this, arguments);
}
inherit(SwipeRecognizer, AttrRecognizer, {
/**
* @namespace
* @memberof SwipeRecognizer
*/
defaults: {
event: 'swipe',
threshold: 10,
velocity: 0.3,
direction: DIRECTION_HORIZONTAL | DIRECTION_VERTICAL,
pointers: 1
},
getTouchAction: function () {
return PanRecognizer$1.prototype.getTouchAction.call(this);
},
attrTest: function (input) {
var /** @type {?} */ direction = this.options.direction;
var /** @type {?} */ velocity;
if (direction & (DIRECTION_HORIZONTAL | DIRECTION_VERTICAL)) {
velocity = input.overallVelocity;
}
else if (direction & DIRECTION_HORIZONTAL) {
velocity = input.overallVelocityX;
}
else if (direction & DIRECTION_VERTICAL) {
velocity = input.overallVelocityY;
}
return this._super.attrTest.call(this, input) &&
direction & input.offsetDirection &&
input.distance > this.options.threshold &&
input.maxPointers == this.options.pointers &&
abs(velocity) > this.options.velocity && input.eventType & INPUT_END;
},
emit: function (input) {
var /** @type {?} */ direction = directionStr(input.offsetDirection);
if (direction) {
this.manager.emit(this.options.event + direction, input);
}
this.manager.emit(this.options.event, input);
}
});
/**
* A tap is ecognized when the pointer is doing a small tap/click. Multiple taps are recognized if they occur
* between the given interval and position. The delay option can be used to recognize multi-taps without firing
* a single tap.
*
* The eventData from the emitted event contains the property `tapCount`, which contains the amount of
* multi-taps being recognized.
* @return {?}
*/
function TapRecognizer() {
Recognizer.apply(this, arguments);
// previous time and center,
// used for tap counting
this.pTime = false;
this.pCenter = false;
this._timer = null;
this._input = null;
this.count = 0;
}
inherit(TapRecognizer, Recognizer, {
/**
* @namespace
* @memberof PinchRecognizer
*/
defaults: {
event: 'tap',
pointers: 1,
taps: 1,
interval: 300,
time: 250,
threshold: 9,
posThreshold: 10 // a multi-tap can be a bit off the initial position
},
getTouchAction: function () {
return [TOUCH_ACTION_MANIPULATION];
},
process: function (input) {
var /** @type {?} */ options = this.options;
var /** @type {?} */ validPointers = input.pointers.length === options.pointers;
var /** @type {?} */ validMovement = input.distance < options.threshold;
var /** @type {?} */ validTouchTime = input.deltaTime < options.time;
this.reset();
if ((input.eventType & INPUT_START) && (this.count === 0)) {
return this.failTimeout();
}
// we only allow little movement
// and we've reached an end event, so a tap is possible
if (validMovement && validTouchTime && validPointers) {
if (input.eventType != INPUT_END) {
return this.failTimeout();
}
var /** @type {?} */ validInterval = this.pTime ? (input.timeStamp - this.pTime < options.interval) : true;
var /** @type {?} */ validMultiTap = !this.pCenter || getDistance(this.pCenter, input.center) < options.posThreshold;
this.pTime = input.timeStamp;
this.pCenter = input.center;
if (!validMultiTap || !validInterval) {
this.count = 1;
}
else {
this.count += 1;
}
this._input = input;
// if tap count matches we have recognized it,
// else it has began recognizing...
var /** @type {?} */ tapCount = this.count % options.taps;
if (tapCount === 0) {
// no failing requirements, immediately trigger the tap event
// or wait as long as the multitap interval to trigger
if (!this.hasRequireFailures()) {
return STATE_RECOGNIZED;
}
else {
this._timer = setTimeoutContext(function () {
this.state = STATE_RECOGNIZED;
this.tryEmit();
}, options.interval, this);
return STATE_BEGAN;
}
}
}
return STATE_FAILED;
},
failTimeout: function () {
this._timer = setTimeoutContext(function () {
this.state = STATE_FAILED;
}, this.options.interval, this);
return STATE_FAILED;
},
reset: function () {
clearTimeout(this._timer);
},
emit: function () {
if (this.state == STATE_RECOGNIZED) {
this._input.tapCount = this.count;
this.manager.emit(this.options.event, this._input);
}
}
});
/**
* Simple way to create a manager with a default set of recognizers.
* @param {?} element
* @param {?} options
* @return {?}
*/
function Hammer$1(element, options) {
options = options || {};
options.recognizers = ifUndefined(options.recognizers, _defaults.preset);
return new ((Manager))(element, options);
}
/**
* default settings
* \@namespace
*/
var _defaults = {
/**
* set if DOM events are being triggered.
* But this is slower and unused by simple implementations, so disabled by default.
* @type {Boolean}
* @default false
*/
domEvents: false,
/**
* The value for the touchAction property/fallback.
* When set to `compute` it will magically set the correct value based on the added recognizers.
* @type {String}
* @default compute
*/
touchAction: TOUCH_ACTION_COMPUTE,
/**
* @type {Boolean}
* @default true
*/
enable: true,
/**
* EXPERIMENTAL FEATURE -- can be removed/changed
* Change the parent input target element.
* If Null, then it is being set the to main element.
* @type {Null|EventTarget}
* @default null
*/
inputTarget: null,
/**
* force an input class
* @type {Null|Function}
* @default null
*/
inputClass: null,
/**
* Default recognizer setup when calling `Hammer()`
* When creating a new Manager these will be skipped.
* @type {Array}
*/
preset: [
// RecognizerClass, options, [recognizeWith, ...], [requireFailure, ...]
[RotateRecognizer, { enable: false }],
[PinchRecognizer, { enable: false }, ['rotate']],
[SwipeRecognizer, { direction: DIRECTION_HORIZONTAL }],
[PanRecognizer$1, { direction: DIRECTION_HORIZONTAL }, ['swipe']],
[TapRecognizer],
[TapRecognizer, { event: 'doubletap', taps: 2 }, ['tap']],
[PressRecognizer]
],
/**
* Some CSS properties can be used to improve the working of Hammer.
* Add them to this method and they will be set when creating a new Manager.
* @namespace
*/
cssProps: {
/**
* Disables text selection to improve the dragging gesture. Mainly for desktop browsers.
* @type {String}
* @default 'none'
*/
userSelect: 'none',
/**
* Disable the Windows Phone grippers when pressing an element.
* @type {String}
* @default 'none'
*/
touchSelect: 'none',
/**
* Disables the default callout shown when you touch and hold a touch target.
* On iOS, when you touch and hold a touch target such as a link, Safari displays
* a callout containing information about the link. This property allows you to disable that callout.
* @type {String}
* @default 'none'
*/
touchCallout: 'none',
/**
* Specifies whether zooming is enabled. Used by IE10>
* @type {String}
* @default 'none'
*/
contentZooming: 'none',
/**
* Specifies that an entire element should be draggable instead of its contents. Mainly for desktop browsers.
* @type {String}
* @default 'none'
*/
userDrag: 'none',
/**
* Overrides the highlight color shown when the user taps a link or a JavaScript
* clickable element in iOS. This property obeys the alpha value, if specified.
* @type {String}
* @default 'rgba(0,0,0,0)'
*/
tapHighlightColor: 'rgba(0,0,0,0)'
}
};
var STOP = 1;
var FORCED_STOP = 2;
/**
* Manager
* @param {?} element
* @param {?} options
* @return {?}
*/
function Manager(element, options) {
this.options = Object.assign({}, _defaults, options || {});
this.options.inputTarget = this.options.inputTarget || element;
this.handlers = {};
this.session = {};
this.recognizers = [];
this.element = element;
this.input = createInputInstance(this);
this.touchAction = new ((TouchAction))(this, this.options.touchAction);
toggleCssProps(this, true);
each(this.options.recognizers, function (item) {
var /** @type {?} */ recognizer = this.add(new (item[0])(item[1]));
item[2] && recognizer.recognizeWith(item[2]);
item[3] && recognizer.requireFailure(item[3]);
}, this);
}
Manager.prototype = {
/**
* set options
* @param {Object} options
* @returns {Manager}
*/
set: function (options) {
Object.assign(this.options, options);
// Options that need a little more setup
if (options.touchAction) {
this.touchAction.update();
}
if (options.inputTarget) {
// Clean up existing event listeners and reinitialize
this.input.destroy();
this.input.target = options.inputTarget;
this.input.init();
}
return this;
},
/**
* stop recognizing for this session.
* This session will be discarded, when a new [input]start event is fired.
* When forced, the recognizer cycle is stopped immediately.
* @param {Boolean} [force]
*/
stop: function (force) {
this.session.stopped = force ? FORCED_STOP : STOP;
},
/**
* run the recognizers!
* called by the inputHandler function on every movement of the pointers (touches)
* it walks through all the recognizers and tries to detect the gesture that is being made
* @param {Object} inputData
*/
recognize: function (inputData) {
var /** @type {?} */ session = this.session;
if (session.stopped) {
return;
}
// run the touch-action polyfill
this.touchAction.preventDefaults(inputData);
var /** @type {?} */ recognizer;
var /** @type {?} */ recognizers = this.recognizers;
// this holds the recognizer that is being recognized.
// so the recognizer's state needs to be BEGAN, CHANGED, ENDED or RECOGNIZED
// if no recognizer is detecting a thing, it is set to `null`
var /** @type {?} */ curRecognizer = session.curRecognizer;
// reset when the last recognizer is recognized
// or when we're in a new session
if (!curRecognizer || (curRecognizer && curRecognizer.state & STATE_RECOGNIZED)) {
curRecognizer = session.curRecognizer = null;
}
var /** @type {?} */ i = 0;
while (i < recognizers.length) {
recognizer = recognizers[i];
// find out if we are allowed try to recognize the input for this one.
// 1. allow if the session is NOT forced stopped (see the .stop() method)
// 2. allow if we still haven't recognized a gesture in this session, or the this recognizer is the one
// that is being recognized.
// 3. allow if the recognizer is allowed to run simultaneous with the current recognized recognizer.
// this can be setup with the `recognizeWith()` method on the recognizer.
if (session.stopped !== FORCED_STOP && (!curRecognizer || recognizer == curRecognizer ||
recognizer.canRecognizeWith(curRecognizer))) {
recognizer.recognize(inputData);
}
else {
recognizer.reset();
}
// if the recognizer has been recognizing the input as a valid gesture, we want to store this one as the
// current active recognizer. but only if we don't already have an active recognizer
if (!curRecognizer && recognizer.state & (STATE_BEGAN | STATE_CHANGED | STATE_ENDED)) {
curRecognizer = session.curRecognizer = recognizer;
}
i++;
}
},
/**
* get a recognizer by its event name.
* @param {Recognizer|String} recognizer
* @returns {Recognizer|Null}
*/
get: function (recognizer) {
if (recognizer instanceof Recognizer) {
return recognizer;
}
var /** @type {?} */ recognizers = this.recognizers;
for (var /** @type {?} */ i = 0; i < recognizers.length; i++) {
if (recognizers[i].options.event == recognizer) {
return recognizers[i];
}
}
return null;
},
/**
* add a recognizer to the manager
* existing recognizers with the same event name will be removed
* @param {Recognizer} recognizer
* @returns {Recognizer|Manager}
*/
add: function (recognizer) {
if (invokeArrayArg(recognizer, 'add', this)) {
return this;
}
// remove existing
var /** @type {?} */ existing = this.get(recognizer.options.event);
if (existing) {
this.remove(existing);
}
this.recognizers.push(recognizer);
recognizer.manager = this;
this.touchAction.update();
return recognizer;
},
/**
* remove a recognizer by name or instance
* @param {Recognizer|String} recognizer
* @returns {Manager}
*/
remove: function (recognizer) {
if (invokeArrayArg(recognizer, 'remove', this)) {
return this;
}
recognizer = this.get(recognizer);
// let's make sure this recognizer exists
if (recognizer) {
var /** @type {?} */ recognizers = this.recognizers;
var /** @type {?} */ index = inArray(recognizers, recognizer);
if (index !== -1) {
recognizers.splice(index, 1);
this.touchAction.update();
}
}
return this;
},
/**
* bind event
* @param {String} events
* @param {Function} handler
* @returns {EventEmitter} this
*/
on: function (events, handler) {
var /** @type {?} */ handlers = this.handlers;
each(splitStr(events), function (event) {
handlers[event] = handlers[event] || [];
handlers[event].push(handler);
});
return this;
},
/**
* unbind event, leave emit blank to remove all handlers
* @param {String} events
* @param {Function} [handler]
* @returns {EventEmitter} this
*/
off: function (events, handler) {
var /** @type {?} */ handlers = this.handlers;
each(splitStr(events), function (event) {
if (!handler) {
delete handlers[event];
}
else {
handlers[event] && handlers[event].splice(inArray(handlers[event], handler), 1);
}
});
return this;
},
/**
* emit event to the listeners
* @param {String} event
* @param {Object} data
*/
emit: function (event, data) {
// we also want to trigger dom events
if (this.options.domEvents) {
triggerDomEvent(event, data);
}
// no handlers, so skip it all
var /** @type {?} */ handlers = this.handlers[event] && this.handlers[event].slice();
if (!handlers || !handlers.length) {
return;
}
data.type = event;
data.preventDefault = function () {
data.srcEvent.preventDefault();
};
var /** @type {?} */ i = 0;
while (i < handlers.length) {
handlers[i](data);
i++;
}
},
/**
* destroy the manager and unbinds all events
* it doesn't unbind dom events, that is the user own responsibility
*/
destroy: function () {
this.element && toggleCssProps(this, false);
this.handlers = {};
this.session = {};
this.input.destroy();
this.element = null;
}
};
/**
* add/remove the css properties as defined in manager.options.cssProps
* @param {?} manager
* @param {?} add
* @return {?}
*/
function toggleCssProps(manager, add) {
var /** @type {?} */ element = manager.element;
if (!element.style) {
return;
}
each(manager.options.cssProps, function (value, name) {
element.style[prefixed(element.style, name)] = add ? value : '';
});
}
/**
* trigger dom event
* @param {?} event
* @param {?} data
* @return {?}
*/
function triggerDomEvent(event, data) {
var /** @type {?} */ gestureEvent = doc.createEvent('Event');
gestureEvent.initEvent(event, true, true);
gestureEvent.gesture = data;
data.target.dispatchEvent(gestureEvent);
}
Object.assign(Hammer$1, {
INPUT_START: INPUT_START,
INPUT_MOVE: INPUT_MOVE,
INPUT_END: INPUT_END,
INPUT_CANCEL: INPUT_CANCEL,
STATE_POSSIBLE: STATE_POSSIBLE,
STATE_BEGAN: STATE_BEGAN,
STATE_CHANGED: STATE_CHANGED,
STATE_ENDED: STATE_ENDED,
STATE_RECOGNIZED: STATE_RECOGNIZED,
STATE_CANCELLED: STATE_CANCELLED,
STATE_FAILED: STATE_FAILED,
DIRECTION_NONE: DIRECTION_NONE,
DIRECTION_LEFT: DIRECTION_LEFT,
DIRECTION_RIGHT: DIRECTION_RIGHT,
DIRECTION_UP: DIRECTION_UP,
DIRECTION_DOWN: DIRECTION_DOWN,
DIRECTION_HORIZONTAL: DIRECTION_HORIZONTAL,
DIRECTION_VERTICAL: DIRECTION_VERTICAL,
DIRECTION_ALL: DIRECTION_ALL,
Manager: Manager,
Input: Input$1,
TouchAction: TouchAction,
TouchInput: TouchInput,
MouseInput: MouseInput,
PointerEventInput: PointerEventInput,
TouchMouseInput: TouchMouseInput,
SingleTouchInput: SingleTouchInput,
Recognizer: Recognizer,
AttrRecognizer: AttrRecognizer,
Tap: TapRecognizer,
Pan: PanRecognizer$1,
Swipe: SwipeRecognizer,
Pinch: PinchRecognizer,
Rotate: RotateRecognizer,
Press: PressRecognizer,
on: addEventListeners,
off: removeEventListeners,
each: each,
inherit: inherit,
bindFn: bindFn,
prefixed: prefixed
});
win$1.Hammer = Hammer$1;
/**
* @hidden
* A gesture recognizer class.
*
* TODO(mlynch): Re-enable the DOM event simulation that was causing issues (or verify hammer does this already, it might);
*/
var Gesture = (function () {
/**
* @param {?} element
* @param {?=} opts
*/
function Gesture(element, opts) {
if (opts === void 0) { opts = {}; }
this._callbacks = {};
this.isListening = false;
defaults(opts, {
domEvents: true
});
this.element = element;
// Map 'x' or 'y' string to hammerjs opts
this.direction = opts.direction || 'x';
opts.direction = this.direction === 'x' ?
DIRECTION_HORIZONTAL :
DIRECTION_VERTICAL;
this._options = opts;
}
/**
* @param {?} opts
* @return {?}
*/
Gesture.prototype.options = function (opts) {
Object.assign(this._options, opts);
};
/**
* @param {?} type
* @param {?} cb
* @return {?}
*/
Gesture.prototype.on = function (type, cb) {
if (type === 'pinch' || type === 'rotate') {
this._hammer.get(type).set({ enable: true });
}
this._hammer.on(type, cb);
(this._callbacks[type] || (this._callbacks[type] = [])).push(cb);
};
/**
* @param {?} type
* @param {?} cb
* @return {?}
*/
Gesture.prototype.off = function (type, cb) {
this._hammer.off(type, this._callbacks[type] ? cb : null);
};
/**
* @return {?}
*/
Gesture.prototype.listen = function () {
if (!this.isListening) {
this._hammer = Hammer$1(this.element, this._options);
}
this.isListening = true;
};
/**
* @return {?}
*/
Gesture.prototype.unlisten = function () {
var /** @type {?} */ eventType;
var /** @type {?} */ i;
if (this._hammer && this.isListening) {
for (eventType in this._callbacks) {
for (i = 0; i < this._callbacks[eventType].length; i++) {
this._hammer.off(eventType, this._callbacks[eventType]);
}
}
this._hammer.destroy();
}
this._callbacks = {};
this._hammer = null;
this.isListening = false;
};
/**
* @return {?}
*/
Gesture.prototype.destroy = function () {
this.unlisten();
this.element = this._options = null;
};
return Gesture;
}());
var __extends$92 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* \@name IonicErrorHandler
* \@description
* The `IonicErrorHandler` intercepts the default `Console` error handling
* and displays runtime errors as an overlay when using Ionic's Dev Build Server.
*
*
* ### IonicErrorHandler Example
*
* ```typescript
* import { NgModule, ErrorHandler } from '\@angular/core';
* import { IonicErrorHandler } from 'ionic-angular';
*
* \@NgModule({
* providers: [{ provide: ErrorHandler, useClass: IonicErrorHandler }]
* })
* class AppModule {}
* ```
*
*
* ### Custom Error Handlers
*
* Custom error handlers can be built to replace the default, or extend Ionic's
* error handler.
*
* ```typescript
* class MyErrorHandler implements ErrorHandler {
* handleError(err: any): void {
* // do something with the error
* }
* }
*
* \@NgModule({
* providers: [{ provide: ErrorHandler, useClass: MyErrorHandler }]
* })
* class AppModule {}
* ```
*
* More information about Angular's [`ErrorHandler`](https://angular.io/docs/ts/latest/api/core/index/ErrorHandler-class.html).
*/
var IonicErrorHandler = (function (_super) {
__extends$92(IonicErrorHandler, _super);
function IonicErrorHandler() {
return _super.call(this, false) || this;
}
/**
* \@internal
* @param {?} err
* @return {?}
*/
IonicErrorHandler.prototype.handleError = function (err) {
_super.prototype.handleError.call(this, err);
try {
var /** @type {?} */ win = window;
var /** @type {?} */ monitor = void 0;
monitor = win['IonicDevServer'];
monitor && monitor.handleError && monitor.handleError(err);
monitor = (win['Ionic'] = win['Ionic'] || {}).Monitor;
monitor && monitor.handleError && monitor.handleError(err);
}
catch (e) { }
};
return IonicErrorHandler;
}(ErrorHandler));
var __extends$93 = (undefined && undefined.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
/**
* @hidden
* This class overrides the default Angular gesture config.
*/
var IonicGestureConfig = (function (_super) {
__extends$93(IonicGestureConfig, _super);
function IonicGestureConfig() {
return _super !== null && _super.apply(this, arguments) || this;
}
/**
* @param {?} element
* @return {?}
*/
IonicGestureConfig.prototype.buildHammer = function (element) {
var /** @type {?} */ mc = new ((window)).Hammer(element);
for (var /** @type {?} */ eventName in this.overrides) {
mc.get(eventName).set(this.overrides[eventName]);
}
return mc;
};
return IonicGestureConfig;
}(HammerGestureConfig));
IonicGestureConfig.decorators = [
{ type: Injectable },
];
/**
* @nocollapse
*/
IonicGestureConfig.ctorParameters = function () { return []; };
/**
* Import Angular
*/
/**
* Import Providers
*/
/**
* Import Modules
*/
/**
* \@name IonicModule
* \@description
* IonicModule is an [NgModule](https://angular.io/docs/ts/latest/guide/ngmodule.html) that bootstraps
* an Ionic App. By passing a root component, IonicModule will make sure that all of the components,
* directives, and providers from the framework are imported.
*
* Any configuration for the app can be passed as the second argument to `forRoot`. This can be any
* valid property from the [Config](/docs/api/config/Config/).
*
* \@usage
* ```ts
* import { NgModule } from '\@angular/core';
*
* import { IonicApp, IonicModule } from 'ionic-angular';
*
* import { MyApp } from './app.component';
* import { HomePage } from '../pages/home/home';
*
* \@NgModule({
* declarations: [
* MyApp,
* HomePage
* ],
* imports: [
* BrowserModule,
* IonicModule.forRoot(MyApp, {
*
* })
* ],
* bootstrap: [IonicApp],
* entryComponents: [
* MyApp,
* HomePage
* ],
* providers: []
* })
* export class AppModule {}
* ```
*/
var IonicModule = (function () {
function IonicModule() {
}
/**
* Set the root app component for you IonicModule
* @param {?} appRoot
* @param {?=} config
* @param {?=} deepLinkConfig
* @return {?}
*/
IonicModule.forRoot = function (appRoot, config, deepLinkConfig) {
if (config === void 0) { config = null; }
if (deepLinkConfig === void 0) { deepLinkConfig = null; }
return {
ngModule: IonicModule,
providers: [
// useValue: bootstrap values
{ provide: AppRootToken, useValue: appRoot },
{ provide: ConfigToken, useValue: config },
{ provide: DeepLinkConfigToken, useValue: deepLinkConfig },
{ provide: APP_BASE_HREF, useValue: '/' },
// useFactory: user values
{ provide: PlatformConfigToken, useFactory: providePlatformConfigs },
// useFactory: ionic core providers
{ provide: Platform, useFactory: setupPlatform, deps: [DOCUMENT, PlatformConfigToken, NgZone] },
{ provide: Config, useFactory: setupConfig, deps: [ConfigToken, Platform] },
// useFactory: ionic app initializers
{ provide: APP_INITIALIZER, useFactory: registerModeConfigs, deps: [Config], multi: true },
{ provide: APP_INITIALIZER, useFactory: setupProvideEvents, deps: [Platform, DomController], multi: true },
{ provide: APP_INITIALIZER, useFactory: setupTapClick, deps: [Config, Platform, DomController, App, NgZone, GestureController], multi: true },
{ provide: APP_INITIALIZER, useFactory: setupPreloading, deps: [Config, DeepLinkConfigToken, ModuleLoader, NgZone], multi: true },
// useClass
// { provide: HAMMER_GESTURE_CONFIG, useClass: IonicGestureConfig },
// useValue
{ provide: ANALYZE_FOR_ENTRY_COMPONENTS, useValue: appRoot, multi: true },
// ionic providers
ActionSheetController,
AlertController,
App,
DomController,
Events,
Form,
GestureController,
Haptic,
Keyboard,
LoadingController,
Location,
MenuController,
ModalController,
PickerController,
PopoverController,
NgModuleLoader,
TapClick,
ToastController,
TransitionController,
{ provide: ModuleLoader, useFactory: provideModuleLoader, deps: [NgModuleLoader, Injector] },
{ provide: LocationStrategy, useFactory: provideLocationStrategy, deps: [PlatformLocation, [new Inject(APP_BASE_HREF), new Optional()], Config] },
{ provide: UrlSerializer, useFactory: setupUrlSerializer, deps: [DeepLinkConfigToken] },
{ provide: DeepLinker, useFactory: setupDeepLinker, deps: [App, UrlSerializer, Location, ModuleLoader, ComponentFactoryResolver] },
]
};
};
return IonicModule;
}());
IonicModule.decorators = [
{ type: NgModule, args: [{
imports: [
CommonModule,
FormsModule,
ReactiveFormsModule,
ActionSheetModule.forRoot(),
AlertModule.forRoot(),
AppModule.forRoot(),
AvatarModule.forRoot(),
BackdropModule.forRoot(),
BadgeModule.forRoot(),
ButtonModule.forRoot(),
CardModule.forRoot(),
CheckboxModule.forRoot(),
ChipModule.forRoot(),
ClickBlockModule.forRoot(),
ContentModule.forRoot(),
DateTimeModule.forRoot(),
FabModule.forRoot(),
GridModule.forRoot(),
IconModule.forRoot(),
ImgModule.forRoot(),
InfiniteScrollModule.forRoot(),
InputModule.forRoot(),
ItemModule.forRoot(),
LabelModule.forRoot(),
ListModule.forRoot(),
LoadingModule.forRoot(),
MenuModule.forRoot(),
ModalModule.forRoot(),
NavModule.forRoot(),
NavbarModule.forRoot(),
NoteModule.forRoot(),
OptionModule.forRoot(),
PickerModule.forRoot(),
PopoverModule.forRoot(),
RadioModule.forRoot(),
RangeModule.forRoot(),
RefresherModule.forRoot(),
ScrollModule.forRoot(),
SearchbarModule.forRoot(),
SegmentModule.forRoot(),
SelectModule.forRoot(),
ShowHideWhenModule.forRoot(),
SlidesModule.forRoot(),
SpinnerModule.forRoot(),
SplitPaneModule.forRoot(),
TabsModule.forRoot(),
ThumbnailModule.forRoot(),
ToastModule.forRoot(),
ToggleModule.forRoot(),
ToolbarModule.forRoot(),
TypographyModule.forRoot(),
VirtualScrollModule.forRoot()
],
exports: [
CommonModule,
FormsModule,
ReactiveFormsModule,
ActionSheetModule,
AlertModule,
AppModule,
AvatarModule,
BackdropModule,
BadgeModule,
ButtonModule,
CardModule,
CheckboxModule,
ChipModule,
ClickBlockModule,
ContentModule,
DateTimeModule,
FabModule,
GridModule,
IconModule,
ImgModule,
InfiniteScrollModule,
InputModule,
ItemModule,
LabelModule,
ListModule,
LoadingModule,
MenuModule,
ModalModule,
NavModule,
NavbarModule,
NoteModule,
OptionModule,
PickerModule,
PopoverModule,
RadioModule,
RangeModule,
RefresherModule,
ScrollModule,
SearchbarModule,
SegmentModule,
SelectModule,
ShowHideWhenModule,
SlidesModule,
SpinnerModule,
SplitPaneModule,
TabsModule,
ThumbnailModule,
ToastModule,
ToggleModule,
ToolbarModule,
TypographyModule,
VirtualScrollModule
]
},] },
];
/**
* @nocollapse
*/
IonicModule.ctorParameters = function () { return []; };
/**
* \@name IonicPageModule
* \@description
* IonicPageModule is an [NgModule](https://angular.io/docs/ts/latest/guide/ngmodule.html) that
* bootstraps a child [IonicPage](../navigation/IonicPage/) in order to set up routing.
*
* \@usage
* ```ts
* import { NgModule } from '\@angular/core';
*
* import { IonicPageModule } from 'ionic-angular';
*
* import { HomePage } from './home';
*
* \@NgModule({
* declarations: [
* HomePage
* ],
* imports: [
* IonicPageModule.forChild(HomePage)
* ],
* entryComponents: [
* HomePage
* ]
* })
* export class HomePageModule { }
* ```
*/
var IonicPageModule = (function () {
function IonicPageModule() {
}
/**
* @param {?} page
* @return {?}
*/
IonicPageModule.forChild = function (page) {
return {
ngModule: IonicPageModule,
providers: [
{ provide: /** @type {?} */ (LAZY_LOADED_TOKEN), useValue: page },
{ provide: ANALYZE_FOR_ENTRY_COMPONENTS, useValue: page, multi: true },
]
};
};
return IonicPageModule;
}());
IonicPageModule.decorators = [
{ type: NgModule, args: [{
imports: [IonicModule],
exports: [IonicModule]
},] },
];
/**
* @nocollapse
*/
IonicPageModule.ctorParameters = function () { return []; };
/**
* @hidden
* @param {?} platformLocationStrategy
* @param {?} baseHref
* @param {?} config
* @return {?}
*/
function provideLocationStrategy(platformLocationStrategy, baseHref, config) {
return config.get('locationStrategy') === 'path' ?
new PathLocationStrategy(platformLocationStrategy, baseHref) :
new HashLocationStrategy(platformLocationStrategy, baseHref);
}
exports.IonicModule = IonicModule;
exports.IonicPageModule = IonicPageModule;
exports.provideLocationStrategy = provideLocationStrategy;
exports.ActionSheetModule = ActionSheetModule;
exports.AlertModule = AlertModule;
exports.AppModule = AppModule;
exports.AvatarModule = AvatarModule;
exports.BackdropModule = BackdropModule;
exports.BadgeModule = BadgeModule;
exports.ButtonModule = ButtonModule;
exports.CardModule = CardModule;
exports.CheckboxModule = CheckboxModule;
exports.ChipModule = ChipModule;
exports.ClickBlockModule = ClickBlockModule;
exports.ContentModule = ContentModule;
exports.DateTimeModule = DateTimeModule;
exports.FabModule = FabModule;
exports.GridModule = GridModule;
exports.IconModule = IconModule;
exports.ImgModule = ImgModule;
exports.InfiniteScrollModule = InfiniteScrollModule;
exports.InputModule = InputModule;
exports.ItemModule = ItemModule;
exports.LabelModule = LabelModule;
exports.ListModule = ListModule;
exports.LoadingModule = LoadingModule;
exports.MenuModule = MenuModule;
exports.ModalModule = ModalModule;
exports.NavModule = NavModule;
exports.NavbarModule = NavbarModule;
exports.NoteModule = NoteModule;
exports.OptionModule = OptionModule;
exports.PickerModule = PickerModule;
exports.PopoverModule = PopoverModule;
exports.RadioModule = RadioModule;
exports.RangeModule = RangeModule;
exports.RefresherModule = RefresherModule;
exports.ScrollModule = ScrollModule;
exports.SearchbarModule = SearchbarModule;
exports.SegmentModule = SegmentModule;
exports.SelectModule = SelectModule;
exports.ShowHideWhenModule = ShowHideWhenModule;
exports.SlidesModule = SlidesModule;
exports.SpinnerModule = SpinnerModule;
exports.SplitPaneModule = SplitPaneModule;
exports.TabsModule = TabsModule;
exports.ThumbnailModule = ThumbnailModule;
exports.ToastModule = ToastModule;
exports.ToggleModule = ToggleModule;
exports.ToolbarModule = ToolbarModule;
exports.TypographyModule = TypographyModule;
exports.VirtualScrollModule = VirtualScrollModule;
exports.ActionSheet = ActionSheet;
exports.ActionSheetController = ActionSheetController;
exports.AlertController = AlertController;
exports.Alert = Alert;
exports.App = App;
exports.Avatar = Avatar;
exports.Backdrop = Backdrop;
exports.Badge = Badge;
exports.Button = Button;
exports.Card = Card;
exports.CardContent = CardContent;
exports.CardHeader = CardHeader;
exports.CardTitle = CardTitle;
exports.Checkbox = Checkbox;
exports.Chip = Chip;
exports.ClickBlock = ClickBlock;
exports.Content = Content;
exports.DateTime = DateTime;
exports.FabButton = FabButton;
exports.FabContainer = FabContainer;
exports.FabList = FabList;
exports.Col = Col;
exports.Grid = Grid;
exports.Row = Row;
exports.Ion = Ion;
exports.Icon = Icon;
exports.Img = Img;
exports.InfiniteScroll = InfiniteScroll;
exports.InfiniteScrollContent = InfiniteScrollContent;
exports.TextInput = TextInput;
exports.IonicApp = IonicApp;
exports.Item = Item;
exports.ItemContent = ItemContent;
exports.ItemDivider = ItemDivider;
exports.ItemGroup = ItemGroup;
exports.ItemReorder = ItemReorder;
exports.Reorder = Reorder;
exports.ItemSliding = ItemSliding;
exports.ItemOptions = ItemOptions;
exports.Label = Label;
exports.List = List;
exports.ListHeader = ListHeader;
exports.Loading = Loading;
exports.LoadingController = LoadingController;
exports.Menu = Menu;
exports.MenuClose = MenuClose;
exports.MenuController = MenuController;
exports.MenuToggle = MenuToggle;
exports.MenuType = MenuType;
exports.Modal = Modal;
exports.ModalController = ModalController;
exports.Nav = Nav;
exports.NavPop = NavPop;
exports.NavPopAnchor = NavPopAnchor;
exports.NavPush = NavPush;
exports.NavPushAnchor = NavPushAnchor;
exports.Navbar = Navbar;
exports.NativeInput = NativeInput;
exports.NextInput = NextInput;
exports.Note = Note;
exports.Option = Option;
exports.OverlayPortal = OverlayPortal;
exports.Picker = Picker;
exports.PickerController = PickerController;
exports.Popover = Popover;
exports.PopoverController = PopoverController;
exports.RadioButton = RadioButton;
exports.RadioGroup = RadioGroup;
exports.Range = Range;
exports.RangeKnob = RangeKnob;
exports.Refresher = Refresher;
exports.RefresherContent = RefresherContent;
exports.Scroll = Scroll;
exports.Searchbar = Searchbar;
exports.Segment = Segment;
exports.SegmentButton = SegmentButton;
exports.Select = Select;
exports.ShowWhen = ShowWhen;
exports.DisplayWhen = DisplayWhen;
exports.HideWhen = HideWhen;
exports.Slide = Slide;
exports.Slides = Slides;
exports.Spinner = Spinner;
exports.SplitPane = SplitPane;
exports.RootNode = RootNode;
exports.Tab = Tab;
exports.TabButton = TabButton;
exports.TabHighlight = TabHighlight;
exports.Tabs = Tabs;
exports.TapClick = TapClick;
exports.setupTapClick = setupTapClick;
exports.isActivatable = isActivatable;
exports.Toast = Toast;
exports.ToastController = ToastController;
exports.Toggle = Toggle;
exports.ToolbarBase = ToolbarBase;
exports.Toolbar = Toolbar;
exports.Header = Header;
exports.Footer = Footer;
exports.ToolbarItem = ToolbarItem;
exports.ToolbarTitle = ToolbarTitle;
exports.Thumbnail = Thumbnail;
exports.Typography = Typography;
exports.VirtualScroll = VirtualScroll;
exports.Config = Config;
exports.setupConfig = setupConfig;
exports.ConfigToken = ConfigToken;
exports.DomController = DomController;
exports.Platform = Platform;
exports.setupPlatform = setupPlatform;
exports.Haptic = Haptic;
exports.DeepLinker = DeepLinker;
exports.IonicPage = IonicPage;
exports.NavController = NavController;
exports.NavControllerBase = NavControllerBase;
exports.NavParams = NavParams;
exports.DeepLinkMetadata = DeepLinkMetadata;
exports.DeepLinkMetadataFactory = DeepLinkMetadataFactory;
exports.UrlSerializer = UrlSerializer;
exports.DeepLinkConfigToken = DeepLinkConfigToken;
exports.ViewController = ViewController;
exports.ActionSheetCmp = ActionSheetCmp;
exports.AlertCmp = AlertCmp;
exports.LoadingCmp = LoadingCmp;
exports.ModalCmp = ModalCmp;
exports.PickerCmp = PickerCmp;
exports.PickerColumnCmp = PickerColumnCmp;
exports.PopoverCmp = PopoverCmp;
exports.ToastCmp = ToastCmp;
exports.PanGesture = PanGesture;
exports.Gesture = Gesture;
exports.SlideEdgeGesture = SlideEdgeGesture;
exports.SlideGesture = SlideGesture;
exports.BLOCK_ALL = BLOCK_ALL;
exports.GESTURE_GO_BACK_SWIPE = GESTURE_GO_BACK_SWIPE;
exports.GESTURE_MENU_SWIPE = GESTURE_MENU_SWIPE;
exports.GESTURE_ITEM_SWIPE = GESTURE_ITEM_SWIPE;
exports.GESTURE_REFRESHER = GESTURE_REFRESHER;
exports.GESTURE_TOGGLE = GESTURE_TOGGLE;
exports.GestureController = GestureController;
exports.GestureDelegate = GestureDelegate;
exports.BlockerDelegate = BlockerDelegate;
exports.Events = Events;
exports.setupEvents = setupEvents;
exports.setupProvideEvents = setupProvideEvents;
exports.IonicErrorHandler = IonicErrorHandler;
exports.Keyboard = Keyboard;
exports.Form = Form;
exports.IonicFormInput = IonicFormInput;
exports.IonicTapInput = IonicTapInput;
exports.reorderArray = reorderArray;
exports.Animation = Animation;
exports.PageTransition = PageTransition;
exports.Transition = Transition;
exports.PlatformConfigToken = PlatformConfigToken;
exports.registerModeConfigs = registerModeConfigs;
exports.IonicGestureConfig = IonicGestureConfig;
Object.defineProperty(exports, '__esModule', { value: true });
})));
|